/* ============================================================
   PRISMA · Design Tokens
   Extraídos da identidade visual em Figma
   ============================================================ */

:root {
  /* -------- Cor — Base / Surface --------
     v2 · "true black" — base mais escura e premium.
     Referência histórica (v1): bg #0E0E0E · elevated #161616 · subtle #1C1C1C · surface #232323 */
  --color-bg:            #050505;   /* quase preto — base */
  --color-bg-elevated:   #0B0B0B;   /* cards / superfícies elevadas */
  --color-bg-subtle:     #0E0E0E;   /* seções alternadas */
  --color-surface:       #121212;   /* inputs / superfícies interativas */
  --color-overlay:       rgba(5, 5, 5, 0.78);

  /* -------- Cor — Texto -------- */
  --color-text:          #F5F1EA;   /* off-white quente */
  --color-text-muted:    #9E978B;
  --color-text-subtle:   #5C574E;
  --color-text-inverse:  #050505;

  /* -------- Cor — Linhas / Bordas -------- */
  --color-border:        rgba(245, 241, 234, 0.06);
  --color-border-strong: rgba(245, 241, 234, 0.16);
  --color-divider:       rgba(245, 241, 234, 0.045);

  /* -------- Paleta de marca PRISMA -------- */
  --brand-ink:        #050505;   /* preto fosco — base */
  --brand-bone:       #F5F1EA;   /* off-white quente */
  --brand-cream:      #E8DFCC;   /* creme — alternativo claro */
  --brand-amber:        #C6923F;   /* âmbar / bronze fosco — acento padrão */
  --brand-amber-bright: #D4A24C;   /* âmbar aberto — números / destaques sobre preto */
  --brand-mustard:    #E5B638;   /* mostarda — destaques */
  --brand-olive:      #5D5A2C;   /* oliva profunda */
  --brand-clay:       #7A4E24;   /* terra / argila */
  --brand-coffee:     #3A2A1F;   /* café escuro */
  --brand-rust:       #A5421B;   /* vermelho terra */

  /* -------- Estados / Feedback -------- */
  --color-success:    #5E7E36;
  --color-warning:    --brand-mustard;
  --color-danger:     --brand-rust;
  --color-info:       #6E8AA8;

  /* -------- Tipografia -------- */
  --font-display: 'Helvetica Now Display', 'Helvetica Neue', Arial, sans-serif;
  --font-script:  'Sloop', 'Snell Roundhand', 'Apple Chancery', cursive;
  --font-mono:    ui-monospace, 'SF Mono', Menlo, monospace;

  /* Escala tipográfica — base 16px, ratio ~1.25 (major third) */
  --fs-xs:   0.75rem;     /* 12 */
  --fs-sm:   0.875rem;    /* 14 */
  --fs-base: 1rem;        /* 16 */
  --fs-md:   1.125rem;    /* 18 */
  --fs-lg:   1.375rem;    /* 22 */
  --fs-xl:   1.75rem;     /* 28 */
  --fs-2xl:  2.25rem;     /* 36 */
  --fs-3xl:  3rem;        /* 48 */
  --fs-4xl:  4rem;        /* 64 */
  --fs-5xl:  5.5rem;      /* 88 */
  --fs-6xl:  7.5rem;      /* 120 */
  --fs-display: clamp(4rem, 12vw, 12rem);

  /* Pesos */
  --fw-thin:    100;
  --fw-light:   300;
  --fw-regular: 400;
  --fw-medium:  500;
  --fw-bold:    700;
  --fw-xbold:   800;
  --fw-black:   900;

  /* Line-heights */
  --lh-tight:   1.04;
  --lh-snug:    1.18;
  --lh-normal:  1.4;
  --lh-relaxed: 1.6;

  /* Tracking (letter-spacing) */
  --ls-tight:  -0.03em;
  --ls-snug:   -0.015em;
  --ls-normal: 0;
  --ls-wide:   0.06em;
  --ls-wider:  0.14em;
  --ls-widest: 0.24em;

  /* -------- Espaçamento — escala 4pt -------- */
  --space-0:   0;
  --space-1:   0.25rem;   /* 4 */
  --space-2:   0.5rem;    /* 8 */
  --space-3:   0.75rem;   /* 12 */
  --space-4:   1rem;      /* 16 */
  --space-5:   1.5rem;    /* 24 */
  --space-6:   2rem;      /* 32 */
  --space-7:   2.5rem;    /* 40 */
  --space-8:   3rem;      /* 48 */
  --space-9:   4rem;      /* 64 */
  --space-10:  6rem;      /* 96 */
  --space-11:  8rem;      /* 128 */
  --space-12:  12rem;     /* 192 */

  /* -------- Raios -------- */
  --radius-none: 0;
  --radius-xs:   2px;
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-xl:   20px;
  --radius-2xl:  32px;
  --radius-pill: 999px;

  /* -------- Sombras — v2 mais profundas sobre true black -------- */
  --shadow-sm:  0 1px 2px rgba(0,0,0,0.55);
  --shadow-md:  0 10px 28px -6px rgba(0,0,0,0.7);
  --shadow-lg:  0 32px 70px -18px rgba(0,0,0,0.85);
  --shadow-glow: inset 0 1px 0 rgba(245,241,234,0.04), 0 0 0 1px rgba(245,241,234,0.04), 0 40px 100px -20px rgba(0,0,0,0.9);

  /* -------- Layout -------- */
  --container-narrow: 720px;
  --container:        1120px;
  --container-wide:   1440px;
  --grid-gutter:      var(--space-5);

  /* -------- Motion -------- */
  --ease-out:  cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:   cubic-bezier(0.7, 0, 0.84, 0);
  --ease-io:   cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast:  140ms;
  --dur-base:  280ms;
  --dur-slow:  520ms;
}