:root {
    color-scheme: light;
    --ink-950: #0f172a; --ink-900: #111827; --ink-700: #334155; --ink-600: #475569;
    --ink-500: #64748b; --ink-400: #94a3b8; --ink-300: #cbd5e1; --ink-200: #e2e8f0;
    --ink-100: #f1f5f9; --ink-50: #f8fafc; --white: #ffffff;
    --emerald-700: #047857; --emerald-600: #059669; --emerald-500: #10b981;
    --emerald-100: #d1fae5; --emerald-50: #ecfdf5;
    --blue-700: #1d4ed8; --blue-600: #2563eb; --blue-100: #dbeafe; --blue-50: #eff6ff;
    --amber-600: #d97706; --amber-500: #f59e0b; --amber-100: #fef3c7;
    --red-700: #dc2626; --red-500: #ef4444;
    --font-family-base: "Segoe UI", "SF Pro Text", "Avenir Next", "Helvetica Neue", sans-serif;
    --shadow-1: 0 1px 2px rgba(15,23,42,0.08);
    --shadow-2: 0 4px 12px rgba(15,23,42,0.1);
    --shadow-3: 0 10px 30px rgba(15,23,42,0.14);
    --color-primary: #10b981; --color-primary-dark: #059669;
    --color-primary-light: #d1fae5; --color-primary-bg: #ecfdf5;
    --color-danger: #ef4444; --color-warning: #f59e0b;
    --color-text: #111827; --color-text-secondary: #334155;
    --color-text-muted: #64748b; --color-text-light: #94a3b8;
    --color-bg: #f1f5f9; --color-bg-light: #f1f5f9;
    --color-card: #ffffff; --color-border: #e2e8f0;
    --shadow-xs: 0 1px 2px rgba(15,23,42,0.08);
    --shadow-sm: 0 1px 2px rgba(15,23,42,0.08);
    --shadow-md: 0 4px 12px rgba(15,23,42,0.1);
    --radius-sm: 6px; --radius-md: 8px; --radius-lg: 12px; --radius-xl: 16px;
    --spacing-xs: 4px; --spacing-sm: 8px; --spacing-md: 16px;
    --transition-fast: 150ms cubic-bezier(0.2,0,0,1);
}
*:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; }