/* ============================================================
   neXon Design Tokens
   Ported verbatim from src/index.css (HSL custom properties)
   ============================================================ */

/* Local fonts — NO Google Fonts at runtime */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url('../assets/fonts/outfit-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url('../assets/fonts/source-sans-3-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('../assets/fonts/source-sans-3-latin-italic.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --background: 0 0% 100%;
  --foreground: 220 15% 13%;

  --card: 220 10% 97%;
  --card-foreground: 220 15% 13%;

  --popover: 0 0% 100%;
  --popover-foreground: 220 15% 13%;

  --primary: 18 85% 52%;
  --primary-foreground: 0 0% 100%;

  --secondary: 220 10% 94%;
  --secondary-foreground: 220 15% 20%;

  --muted: 220 10% 94%;
  --muted-foreground: 220 8% 46%;

  --accent: 18 85% 52%;
  --accent-foreground: 0 0% 100%;

  --destructive: 0 84% 60%;
  --destructive-foreground: 0 0% 98%;

  --border: 220 10% 91%;
  --input: 220 10% 91%;
  --ring: 18 85% 52%;

  --radius: 0.625rem;

  --nexon-orange: 18 85% 52%;
  --nexon-teal: 174 65% 40%;
  --nexon-glow: 22 90% 58%;
  --nexon-dark: 220 15% 13%;
  --nexon-surface: 220 10% 97%;
  --nexon-surface-hover: 220 10% 94%;
  --gradient-primary: linear-gradient(135deg, hsl(18 85% 52%), hsl(28 90% 56%));
  --shadow-glow: 0 0 60px -15px hsl(18 85% 52% / 0.15);

  --svg-accent: 18, 85%, 52%;

  /* Type scale (rem-based, matches Tailwind defaults) */
  --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 */

  /* Container max-widths (matches Tailwind container) */
  --container-2xl: 1400px;
  --container-pad: 2rem;
}