/* ============================================================
   GETPERFORMANCE [IA] — Design Tokens
   CLONE EXATO do Firecrawl.dev (Light Theme)
   ============================================================ */

:root {
  /* --- HEAT (Orange Accent — Firecrawl exact) --- */
  --heat-4: #fa5d190a;
  --heat-8: #fa5d1914;
  --heat-12: #fa5d191f;
  --heat-16: #fa5d1929;
  --heat-20: #fa5d1933;
  --heat-40: #fa5d1966;
  --heat-90: #fa5d19e6;
  --heat-100: #fa5d19ff;

  /* --- Base Colors --- */
  --accent-black: #262626ff;
  --accent-white: #ffffffff;
  --surface: #ffffffff;
  --surface-raised: #ffffffff;
  --background-base: #f9f9f9ff;
  --background-lighter: #fbfbfbff;

  /* --- Accent Palette --- */
  --accent-amethyst: #9061ffff;
  --accent-bluetron: #2a6dfbff;
  --accent-crimson: #eb3424ff;
  --accent-forest: #42c366ff;
  --accent-honey: #ecb730ff;

  /* --- Black Alpha Scale --- */
  --black-alpha-1: #00000003;
  --black-alpha-2: #00000005;
  --black-alpha-3: #00000008;
  --black-alpha-4: #0000000a;
  --black-alpha-5: #0000000d;
  --black-alpha-6: #0000000f;
  --black-alpha-8: #00000014;
  --black-alpha-10: #0000001a;
  --black-alpha-12: #0000001f;
  --black-alpha-16: #00000029;
  --black-alpha-20: #00000033;
  --black-alpha-24: #0000003d;
  --black-alpha-32: #26262652;
  --black-alpha-40: #26262666;
  --black-alpha-48: #2626267a;
  --black-alpha-56: #2626268f;
  --black-alpha-64: #262626a3;
  --black-alpha-72: #262626b8;
  --black-alpha-88: #262626e0;

  /* --- Borders (Firecrawl exact) --- */
  --border-faint: #edededff;
  --border-muted: #e8e8e8ff;
  --border-loud: #e6e6e6ff;

  /* --- Illustrations --- */
  --illustrations-faint: #edededff;
  --illustrations-muted: #e6e6e6ff;
  --illustrations-default: #dbdbdbff;

  /* --- Semantic --- */
  --success: #42c366;
  --danger: #eb3424;
  --warning: #ecb730;
  --info: #2a6dfb;

  /* --- Typography --- */
  --font-sans: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, monospace;

  --text-xs: 0.6875rem;     /* 11px */
  --text-sm: 0.8125rem;     /* 13px */
  --text-base: 0.9375rem;   /* 15px */
  --text-lg: 1.0625rem;     /* 17px */
  --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-hero: clamp(2.5rem, 1.8rem + 3vw, 4rem);

  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  --leading-tight: 1.1;
  --leading-snug: 1.25;
  --leading-normal: 1.5;
  --leading-relaxed: 1.65;

  --tracking-tight: -0.03em;
  --tracking-normal: 0;
  --tracking-wide: 0.02em;

  /* --- Spacing (Firecrawl uses 1px increments mapped to custom scale) --- */
  --sp-1: 0.0625rem;   /* 1px */
  --sp-2: 0.125rem;    /* 2px */
  --sp-4: 0.25rem;     /* 4px */
  --sp-6: 0.375rem;    /* 6px */
  --sp-8: 0.5rem;      /* 8px */
  --sp-10: 0.625rem;   /* 10px */
  --sp-12: 0.75rem;    /* 12px */
  --sp-16: 1rem;       /* 16px */
  --sp-20: 1.25rem;    /* 20px */
  --sp-24: 1.5rem;     /* 24px */
  --sp-32: 2rem;       /* 32px */
  --sp-40: 2.5rem;     /* 40px */
  --sp-48: 3rem;       /* 48px */
  --sp-64: 4rem;       /* 64px */
  --sp-80: 5rem;       /* 80px */
  --sp-96: 6rem;       /* 96px */
  --sp-120: 7.5rem;    /* 120px */

  /* --- Layout --- */
  --container-max: 1314px;
  --container-px: clamp(1rem, 0.5rem + 2vw, 1.5rem);

  /* --- Radius --- */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 20px;
  --radius-full: 9999px;

  /* --- Shadows (Firecrawl button style) --- */
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.04);
  --shadow-md: 0 2px 4px rgba(0,0,0,0.04), 0 1px 2px rgba(0,0,0,0.06);
  --shadow-lg: 0 4px 12px rgba(0,0,0,0.06), 0 2px 4px rgba(0,0,0,0.04);
  --shadow-button-primary:
    inset 0 -6px 12px color(display-p3 0.98 0.11 0.10 / 0.2),
    0 2px 4px color(display-p3 0.98 0.36 0.10 / 0.12),
    0 1px 1px color(display-p3 0.98 0.36 0.10 / 0.12);

  /* --- Transitions --- */
  --duration-fast: 150ms;
  --duration-base: 200ms;
  --duration-slow: 400ms;
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
}
