/* =============================================
   DESIGN TOKENS — Minimal Theme
   ============================================= */

:root {
    /* Brand — single sharp accent */
    --primary-color: #111111;
    --primary-dark:  #000000;
    --primary-light: #333333;
    --accent-color:  #555555;
    --accent-dark:   #222222;

    /* Text */
    --text-primary:   #111111;
    --text-secondary: #555555;
    --text-light:     #999999;

    /* Backgrounds — pure, clean whites/greys */
    --bg-primary:   #ffffff;
    --bg-secondary: #f5f5f5;
    --bg-tertiary:  #e8e8e8;

    /* Glass — flat & light */
    --glass-bg:     rgba(255, 255, 255, 0.85);
    --glass-border: rgba(0, 0, 0, 0.08);

    /* Shadows — subtle */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.10);
    --shadow-xl: 0 16px 40px rgba(0, 0, 0, 0.12);

    /* Typography */
    --font-primary: 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    --font-code:    'Courier New', monospace;

    /* Layout */
    --header-height:   4.5rem;
    --section-padding: 5rem 0;

    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-base: 0.3s ease;
    --transition-slow: 0.5s ease;

    /* Border radii — sharper for minimal feel */
    --radius-sm:   0.25rem;
    --radius-md:   0.5rem;
    --radius-lg:   0.75rem;
    --radius-full: 9999px;
}

/* ── Dark mode overrides ── */
body.dark-mode {
    --primary-color: #f0f0f0;
    --primary-dark:  #ffffff;
    --primary-light: #cccccc;
    --accent-color:  #aaaaaa;
    --accent-dark:   #888888;

    --text-primary:   #f0f0f0;
    --text-secondary: #aaaaaa;
    --text-light:     #666666;

    --bg-primary:   #0a0a0a;
    --bg-secondary: #141414;
    --bg-tertiary:  #1e1e1e;

    --glass-bg:     rgba(10, 10, 10, 0.9);
    --glass-border: rgba(255, 255, 255, 0.07);

    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
    --shadow-xl: 0 16px 40px rgba(0, 0, 0, 0.7);
}
