/* ==========================================================================
   tokens.css — Layer 1: Primitive palette + type scale
   All raw values live here. Never use these directly in components.
   ========================================================================== */

:root {
  /* Brand */
  --color-brand-primary: #1A56DB;
  --color-brand-accent:  #F97316;

  /* Neutrals */
  --color-neutral-900: #0F172A;
  --color-neutral-800: #1E293B;
  --color-neutral-700: #334155;
  --color-neutral-600: #475569;
  --color-neutral-400: #94A3B8;
  --color-neutral-300: #CBD5E1;
  --color-neutral-200: #E2E8F0;
  --color-neutral-100: #F1F5F9;
  --color-neutral-050: #F8FAFC;
  --color-neutral-000: #FFFFFF;

  /* Status */
  --color-success:  #16A34A;
  --color-warning:  #D97706;
  --color-danger:   #DC2626;
  --color-info:     #0284C7;

  /* Typography */
  --font-family-base: 'Montserrat', sans-serif;
  --font-weight-regular: 400;
  --font-weight-bold: 700;

  /* Type scale — base 20px */
  --text-xs:   0.625rem;   /* 12.5px */
  --text-sm:   0.75rem;    /* 15px   */
  --text-base: 1rem;       /* 20px   */
  --text-md:   1.125rem;   /* 22.5px */
  --text-lg:   1.25rem;    /* 25px   */
  --text-xl:   1.5rem;     /* 30px   */
  --text-2xl:  2rem;       /* 40px   */

  /* Line height */
  --leading-tight:  1.2;
  --leading-normal: 1.5;
  --leading-loose:  1.75;

  /* Letter spacing */
  --tracking-tight:  -0.01em;
  --tracking-normal:  0em;
  --tracking-wide:    0.04em;

  /* Spacing scale */
  --space-1:  0.25rem;   /* 4px  */
  --space-2:  0.5rem;    /* 8px  */
  --space-3:  0.75rem;   /* 12px */
  --space-4:  1rem;      /* 16px */
  --space-5:  1.25rem;   /* 20px */
  --space-6:  1.5rem;    /* 24px */
  --space-8:  2rem;      /* 32px */
  --space-10: 2.5rem;    /* 40px */
  --space-12: 3rem;      /* 48px */

  /* Border radius */
  --radius-sm:   0.25rem;
  --radius-md:   0.5rem;
  --radius-lg:   0.75rem;
  --radius-xl:   1rem;
  --radius-full: 9999px;

  /* Transition */
  --transition-fast:   150ms ease;
  --transition-normal: 250ms ease;
}
