:root {
    /* Colors — teal/slate minimal */
    --color-bg: #f8fafc;
    --color-surface: #ffffff;
    --color-sidebar-from: #0f172a;
    --color-sidebar-to: #1e293b;
    --color-text: #0f172a;
    --color-text-secondary: #334155;
    --color-muted: #64748b;
    --color-border: #e2e8f0;
    --color-border-light: #f1f5f9;

    --color-accent: #0f766e;
    --color-accent-hover: #0d9488;
    --color-accent-soft: rgba(15, 118, 110, 0.12);
    --color-accent-ring: rgba(15, 118, 110, 0.2);

    --color-success: #059669;
    --color-success-bg: #ecfdf5;
    --color-success-border: #a7f3d0;
    --color-warning: #d97706;
    --color-warning-bg: #fffbeb;
    --color-warning-border: #fde68a;
    --color-danger: #dc2626;
    --color-danger-bg: #fef2f2;
    --color-danger-border: #fecaca;
    --color-info: #0284c7;
    --color-info-bg: #f0f9ff;
    --color-info-border: #bae6fd;

    /* Typography */
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --letter-tight: -0.025em;

    /* Spacing scale (4px base) */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;

    /* Radius */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-full: 999px;

    /* Shadows */
    --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.04);
    --shadow-md: 0 1px 3px rgba(15, 23, 42, 0.06), 0 1px 2px rgba(15, 23, 42, 0.04);
    --shadow-lg: 0 4px 12px rgba(15, 23, 42, 0.08);

    /* Layout */
    --sidebar-width: 280px;
    --sidebar-width-collapsed: 0px;
    --sidebar-current-width: var(--sidebar-width);
    --content-max-width: 1400px;

    /* Legacy aliases (mant module compatibility) */
    --mant-bg: var(--color-bg);
    --mant-surface: var(--color-surface);
    --mant-border: var(--color-border);
    --mant-text: var(--color-text);
    --mant-muted: var(--color-muted);
    --mant-accent: var(--color-accent);
    --mant-accent-hover: var(--color-accent-hover);
    --mant-radius: var(--radius-md);
    --mant-radius-sm: var(--radius-sm);
    --mant-shadow: var(--shadow-sm);
}