/* =============================================================================
 * CortexBuild — Design Tokens
 * Single source of truth for all brand design tokens (colors, gradient,
 * typography, spacing, radii, shadows). Imported by the website.
 *
 * Do NOT hand-edit downstream copies — change values here only.
 * Reference: docs/brand/BRAND_GUIDELINES.md
 * ========================================================================== */

:root {
  /* ---------------------------------------------------------------------------
   * Color — Ink (dark surfaces)
   * ------------------------------------------------------------------------ */
  --ink-900: #0B0E14;
  --ink-800: #11151F;
  --ink-700: #1A2030;

  /* ---------------------------------------------------------------------------
   * Color — Primary (indigo-violet)
   * ------------------------------------------------------------------------ */
  --primary-400: #8B7CF0;
  --primary-500: #6C5CE7;
  --primary-600: #5A4BD6;
  --primary-700: #4838B8;

  /* ---------------------------------------------------------------------------
   * Color — Accent (electric cyan)
   * ------------------------------------------------------------------------ */
  --accent-400: #22D3EE;
  --accent-500: #06B6D4;
  --accent-600: #0891B2;

  /* ---------------------------------------------------------------------------
   * Color — Neutrals
   * ------------------------------------------------------------------------ */
  --n-50:  #F8FAFC;
  --n-100: #F1F5F9;
  --n-200: #E2E8F0;
  --n-300: #CBD5E1;
  --n-400: #94A3B8;
  --n-500: #64748B;
  --n-600: #475569;
  --n-700: #334155;
  --n-800: #1E293B;
  --n-900: #0F172A;

  /* ---------------------------------------------------------------------------
   * Color — Semantic
   * ------------------------------------------------------------------------ */
  --success: #22C55E;
  --warning: #F59E0B;
  --danger:  #EF4444;

  /* ---------------------------------------------------------------------------
   * Gradient — Signature
   * ------------------------------------------------------------------------ */
  --gradient-signature: linear-gradient(135deg, #6C5CE7 0%, #22D3EE 100%);

  /* ---------------------------------------------------------------------------
   * Typography — Font families
   * ------------------------------------------------------------------------ */
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* ---------------------------------------------------------------------------
   * Typography — Type scale (rem)
   * ------------------------------------------------------------------------ */
  --fs-xs:   0.75rem;   /* 12px */
  --fs-sm:   0.875rem;  /* 14px */
  --fs-base: 1rem;      /* 16px */
  --fs-md:   1.125rem;  /* 18px */
  --fs-lg:   1.25rem;   /* 20px */
  --fs-xl:   1.5rem;    /* 24px */
  --fs-2xl:  1.875rem;  /* 30px */
  --fs-3xl:  2.25rem;   /* 36px */
  --fs-4xl:  3rem;      /* 48px */
  --fs-5xl:  3.75rem;   /* 60px */

  /* ---------------------------------------------------------------------------
   * Typography — Line heights
   * ------------------------------------------------------------------------ */
  --lh-display: 1.1;
  --lh-body:    1.5;

  /* ---------------------------------------------------------------------------
   * Typography — Font weights
   * ------------------------------------------------------------------------ */
  --fw-regular:  400;
  --fw-medium:   500;
  --fw-semibold: 600;
  --fw-bold:     700;
  --fw-extrabold: 800;

  /* ---------------------------------------------------------------------------
   * Spacing scale (px)
   * ------------------------------------------------------------------------ */
  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3:  12px;
  --sp-4:  16px;
  --sp-5:  24px;
  --sp-6:  32px;
  --sp-7:  48px;
  --sp-8:  64px;
  --sp-9:  96px;
  --sp-10: 128px;

  /* ---------------------------------------------------------------------------
   * Radii
   * ------------------------------------------------------------------------ */
  --r-sm:   8px;
  --r-md:   12px;
  --r-lg:   16px;
  --r-xl:   24px;
  --r-pill: 999px;

  /* ---------------------------------------------------------------------------
   * Shadows
   * ------------------------------------------------------------------------ */
  --shadow-soft: 0 1px 2px rgba(11, 14, 20, 0.06), 0 8px 24px rgba(11, 14, 20, 0.08);
  --shadow-glow: 0 0 0 1px rgba(108, 92, 231, 0.25), 0 8px 40px rgba(34, 211, 238, 0.20);
}