[data-attendance-surface]{--att-page:var(--surface-app);--att-card:var(--surface-card);--att-sunken:var(--surface-raised);--att-border:var(--border-strong);--att-row-border:var(--border-subtle);--att-row-today:var(--surface-raised);--att-fg:var(--text-primary);--att-fg-strong:var(--text-secondary);--att-fg-secondary:var(--text-muted);--att-fg-quiet:var(--text-faint);--att-fg-faint:var(--text-placeholder);--att-solid:var(--text-primary);--att-solid-fg:var(--surface-app);--att-disabled:var(--surface-sunken);--att-disabled-fg:var(--text-faint);--att-positive:var(--status-green);--att-positive-tint:var(--status-green-tint);--att-warning:var(--status-amber);--att-warning-tint:var(--status-amber-tint);--att-critical:var(--status-red);--att-critical-tint:var(--status-red-tint);--att-critical-row:color-mix(in srgb, var(--status-red) 5%, transparent);--att-info:var(--status-blue);--att-info-tint:var(--status-blue-tint);--att-neutral:var(--text-secondary);--att-neutral-tint:var(--surface-control);--att-muted:var(--text-faint);--att-muted-tint:var(--surface-raised)}