/* ==========================================================================
   GENOWEB · Design Tokens
   Canonical CSS custom properties. Import this file first in every consumer.
   Keep in sync with tokens.json (same names, same values).
   ========================================================================== */

:root {
  /* Cor · Azul primário (tronco da marca) */
  --gw-ink-900: #041E3A;      /* Azul quase preto — texto principal */
  --gw-ink-800: #0A2A4E;
  --gw-ink-700: #003764;      /* Azul da logo (PRIMARY) */
  --gw-ink-600: #0F4C81;
  --gw-ink-500: #1E5C96;
  --gw-ink-400: #4A7FB3;
  --gw-ink-300: #97CAEB;      /* Azul claro da logo (heritage) */
  --gw-ink-200: #C7E0F2;
  --gw-ink-100: #E8F1F9;
  --gw-ink-50:  #F5F9FC;

  /* Cor · Neutros (papel envelhecido, sutil calor) */
  --gw-paper-900: #1A1A1D;
  --gw-paper-800: #2A2A2E;
  --gw-paper-700: #3E3E44;
  --gw-paper-600: #595961;
  --gw-paper-500: #7A7A83;
  --gw-paper-400: #A0A0A8;
  --gw-paper-300: #C7C7CC;
  --gw-paper-200: #E2E2E4;
  --gw-paper-150: #EDEDE8;
  --gw-paper-100: #F4F3EE;   /* Paper — fundo cálido */
  --gw-paper-50:  #FAF9F4;   /* Off-white editorial */
  --gw-paper-0:   #FFFFFF;

  /* Cor · Acentos harmônicos (mesma lightness/chroma via OKLCH) */
  --gw-accent-ochre: oklch(72% 0.12 72);     /* Âmbar/mostarda — heritage, destaque */
  --gw-accent-ochre-soft: oklch(94% 0.04 72);
  --gw-accent-sage: oklch(62% 0.09 155);     /* Verde sálvia — positivo/sucesso */
  --gw-accent-sage-soft: oklch(94% 0.03 155);
  --gw-accent-terracotta: oklch(60% 0.14 30); /* Terracota — atenção/destrutivo */
  --gw-accent-terracotta-soft: oklch(94% 0.04 30);
  --gw-accent-plum: oklch(45% 0.10 320);     /* Ameixa — categoria/tag */
  --gw-accent-plum-soft: oklch(94% 0.03 320);

  /* Semânticos */
  --gw-bg:         var(--gw-paper-50);
  --gw-surface:    var(--gw-paper-0);
  --gw-surface-2:  var(--gw-paper-100);
  --gw-border:     #E5E2D8;
  --gw-border-strong: #D3CFC1;
  --gw-text:       var(--gw-paper-900);
  --gw-text-muted: var(--gw-paper-600);
  --gw-text-soft:  var(--gw-paper-500);
  --gw-primary:    var(--gw-ink-700);
  --gw-primary-hover: var(--gw-ink-800);
  --gw-primary-soft: var(--gw-ink-100);
  --gw-success:    var(--gw-accent-sage);
  --gw-success-soft: var(--gw-accent-sage-soft);
  --gw-danger:     var(--gw-accent-terracotta);
  --gw-danger-soft: var(--gw-accent-terracotta-soft);
  --gw-warning:    var(--gw-accent-ochre);
  --gw-warning-soft: var(--gw-accent-ochre-soft);
  --gw-info:       var(--gw-ink-500);
  --gw-info-soft:  var(--gw-ink-100);

  /* Tipografia */
  --gw-font-serif: "Lora", "Merriweather", Georgia, serif;
  --gw-font-sans:  "Comfortaa", "Inter", sans-serif;
  --gw-font-mono:  "Ubuntu Mono", "Fira Code", "SFMono-Regular", monospace;

  /* Escala tipográfica */
  --gw-text-xs:   12px;
  --gw-text-sm:   13px;
  --gw-text-base: 15px;
  --gw-text-md:   16px;
  --gw-text-lg:   18px;
  --gw-text-xl:   22px;
  --gw-text-2xl:  28px;
  --gw-text-3xl:  36px;
  --gw-text-4xl:  48px;
  --gw-text-5xl:  64px;
  --gw-text-6xl:  80px;

  --gw-lead-tight:  1.15;
  --gw-lead-snug:   1.3;
  --gw-lead-normal: 1.5;
  --gw-lead-relaxed: 1.65;

  --gw-track-tight: -0.02em;
  --gw-track-normal: 0;
  --gw-track-wide:  0.04em;
  --gw-track-caps:  0.12em;

  /* Espaçamento — base 4 */
  --gw-space-1:  4px;
  --gw-space-2:  8px;
  --gw-space-3:  12px;
  --gw-space-4:  16px;
  --gw-space-5:  20px;
  --gw-space-6:  24px;
  --gw-space-8:  32px;
  --gw-space-10: 40px;
  --gw-space-12: 48px;
  --gw-space-16: 64px;
  --gw-space-20: 80px;
  --gw-space-24: 96px;
  --gw-space-32: 128px;

  /* Raios */
  --gw-radius-xs: 4px;
  --gw-radius-sm: 6px;
  --gw-radius-md: 10px;
  --gw-radius-lg: 14px;
  --gw-radius-xl: 20px;
  --gw-radius-2xl: 28px;
  --gw-radius-full: 9999px;

  /* Sombras (sóbrias, sem brilho excessivo) */
  --gw-shadow-xs: 0 1px 2px rgba(4, 30, 58, 0.04);
  --gw-shadow-sm: 0 1px 2px rgba(4, 30, 58, 0.05), 0 2px 4px rgba(4, 30, 58, 0.04);
  --gw-shadow-md: 0 4px 6px rgba(4, 30, 58, 0.05), 0 10px 15px rgba(4, 30, 58, 0.06);
  --gw-shadow-lg: 0 10px 15px rgba(4, 30, 58, 0.06), 0 20px 30px rgba(4, 30, 58, 0.08);
  --gw-shadow-xl: 0 25px 50px rgba(4, 30, 58, 0.14);
  --gw-shadow-inset: inset 0 1px 2px rgba(4, 30, 58, 0.06);

  /* Motion */
  --gw-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --gw-dur-fast: 120ms;
  --gw-dur-base: 200ms;
  --gw-dur-slow: 320ms;

  /* Layout */
  --gw-container: 1200px;
  --gw-container-wide: 1400px;
  --gw-sidebar-w: 248px;
  --gw-sidebar-w-collapsed: 72px;
  --gw-header-h: 64px;

  /* Z-index */
  --gw-z-toast: 1100;

  /* Lists */

  --gw-legal-list-style: disc;

  /* Genograma · Doença (tarefa 113) */
  --gw-color-disease-fill: #c5c5c4;
  --gw-color-disease-stroke: #000;
  --gw-color-disease-letter: #000;

  /* Genograma · Vínculo emocional (tarefa 115) */
  --gw-genogram-line-emotional-bond: var(--gw-text);
}