/* ============================================
   NEUROMIND SOLUTIONS — Design Tokens
   CSS Custom Properties for the entire site
   ============================================ */

:root {
  /* ── Colors ── */
  --color-canvas:        #F4EFEA;
  --color-canvas-soft:   #FAF7F2;
  --color-canvas-butter: #F6EAC2;
  --color-forest:        #0D281E;
  --color-forest-deep:   #081B14;
  --color-forest-light:  #143C2E;
  --color-burnt:         #E4581B;
  --color-burnt-hover:   #CC4C14;
  --color-charcoal:      #141716;
  --color-charcoal-muted:#4F5754;
  --color-tech-border:   #141716;
  --color-terminal-bg:   #091510;
  --color-matrix-green:  #22C55E;
  --color-white:         #ffffff;
  --color-black:         #000000;

  /* ── Founder accent colors ── */
  --color-amber-400:     #fbbf24;
  --color-amber-500:     #f59e0b;
  --color-amber-950:     #451a03;
  --color-emerald-400:   #34d399;
  --color-emerald-500:   #10b981;
  --color-emerald-950:   #022c22;
  --color-rose-400:      #fb7185;
  --color-rose-500:      #f43f5e;
  --color-rose-950:      #4c0519;

  /* ── Neutral grays ── */
  --color-gray-200:      #e5e7eb;
  --color-gray-300:      #d1d5db;
  --color-gray-400:      #9ca3af;
  --color-gray-800:      #1f2937;
  --color-gray-900:      #111827;

  /* ── Status indicator colors ── */
  --color-red-400:       #f87171;
  --color-yellow-400:    #facc15;
  --color-green-400:     #4ade80;
  --color-green-50:      #f0fdf4;

  /* ── Typography ── */
  --font-sans:   'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono:   'JetBrains Mono', 'Fira Code', 'Courier New', monospace;

  --text-xs:     0.75rem;    /* 12px */
  --text-sm:     0.875rem;   /* 14px */
  --text-base:   1rem;       /* 16px */
  --text-lg:     1.125rem;   /* 18px */
  --text-xl:     1.25rem;    /* 20px */
  --text-2xl:    1.5rem;     /* 24px */
  --text-3xl:    1.875rem;   /* 30px */
  --text-4xl:    2.25rem;    /* 36px */
  --text-5xl:    3rem;       /* 48px */
  --text-6xl:    3.75rem;    /* 60px */
  --text-7xl:    4.5rem;     /* 72px */

  --fw-normal:   400;
  --fw-medium:   500;
  --fw-semibold: 600;
  --fw-bold:     700;
  --fw-extrabold:800;
  --fw-black:    900;

  /* ── Spacing ── */
  --space-0:     0;
  --space-1:     0.25rem;
  --space-1-5:   0.375rem;
  --space-2:     0.5rem;
  --space-2-5:   0.625rem;
  --space-3:     0.75rem;
  --space-3-5:   0.875rem;
  --space-4:     1rem;
  --space-5:     1.25rem;
  --space-6:     1.5rem;
  --space-7:     1.75rem;
  --space-8:     2rem;
  --space-9:     2.25rem;
  --space-10:    2.5rem;
  --space-12:    3rem;
  --space-14:    3.5rem;
  --space-16:    4rem;
  --space-20:    5rem;
  --space-24:    6rem;
  --space-28:    7rem;

  /* ── Border ── */
  --border-width:  1.5px;
  --border-thin:   1px;
  --radius-sm:     0.25rem;
  --radius-md:     0.375rem;
  --radius-lg:     0.5rem;
  --radius-xl:     0.75rem;
  --radius-full:   9999px;

  /* ── Box Shadows (Brutal) ── */
  --shadow-brutal:        3px 3px 0px var(--color-charcoal);
  --shadow-brutal-sm:     2px 2px 0px var(--color-charcoal);
  --shadow-brutal-lg:     5px 5px 0px var(--color-charcoal);
  --shadow-brutal-orange: 3px 3px 0px var(--color-burnt);
  --shadow-brutal-green:  3px 3px 0px var(--color-matrix-green);

  /* ── Layout ── */
  --container-max:  1280px;
  --header-height:  80px;
  --header-offset:  70px;

  /* ── Transitions ── */
  --transition-fast:   0.15s ease;
  --transition-base:   0.25s ease;
  --transition-smooth: 0.3s ease;
}