/*
 * tokens.css — Contrato de tokens visuais do Clean Based Aureon
 * Van Gogh aplica identidade substituindo apenas os tokens permitidos pelo
 * contrato em docs/VAN_GOGH_TOKEN_CONTRACT.md.
 * Nunca hardcode cores ou fontes fora deste arquivo.
 */

:root {

  /* =====================================================
     CORES
     ===================================================== */

  --color-primary:       #0B4A48;
  --color-primary-dark:  #073B3A;
  --color-primary-light: #D4E8F5;
  --color-secondary:     #132221;

  /* Accent oficial do baseline = dourado Aureon.
     Usado em superfícies e detalhes; nunca como texto normal sobre fundo claro. */
  --color-accent:        #D98268;
  --color-bg:            #F5F7F6;
  --color-surface:       #FFFFFF;
  --color-text:          #132221;
  --color-text-muted:    #536563;
  --color-border:        #CAD7D4;
  --color-success:       #257A5C;
  --color-warning:       #B56B00;
  --color-danger:        #B42318;
  --color-info:          #3977C3;

  /* Cores semânticas de conteúdo e interação.
     Estes pares existem para o validador garantir contraste antes da aplicação. */
  --color-on-primary:    #FFFFFF;
  --color-on-secondary:  #FFFFFF;
  --color-on-accent:     #132221;
  --color-link:          #0B4A48;
  --color-link-hover:    #073B3A;
  --color-focus:         #3977C3;

  /* Footer: equivalentes tokenizados do visual Aureon aprovado.
     Van Gogh deve gerar este conjunto junto com --color-footer-bg. */
  --color-footer-bg:            #073B3A;
  --color-footer-heading:       #FFFFFF;
  --color-footer-text:          #E4EEEC;
  --color-footer-link:          #FFFFFF;
  --color-footer-muted:         #B8CFCA;
  --color-footer-border:        #2A5D5B;
  --color-footer-border-strong: #7CA5A1;
  --color-footer-pattern:       #0F5552;

  /* Alias legado: mantém integrações existentes e segue a identidade aplicada. */
  --color-brand-gold: var(--color-accent);

  /* =====================================================
     TIPOGRAFIA
     ===================================================== */

  --font-heading: "Newsreader", Georgia, serif;
  --font-body:    "Atkinson Hyperlegible Next", "Segoe UI", sans-serif;
  --font-mono:    ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, monospace;

  --font-size-xs:   0.75rem;    /* 12px */
  --font-size-sm:   0.875rem;   /* 14px */
  --font-size-base: 1rem;       /* 16px */
  --font-size-lg:   1.125rem;   /* 18px */
  --font-size-xl:   1.25rem;    /* 20px */
  --font-size-2xl:  1.5rem;     /* 24px */
  --font-size-3xl:  1.875rem;   /* 30px */
  --font-size-4xl:  2.25rem;    /* 36px */

  --font-weight-normal:   400;
  --font-weight-medium:   500;
  --font-weight-semibold: 600;
  --font-weight-bold:     700;

  --line-height-tight:   1.25;
  --line-height-normal:  1.6;
  --line-height-relaxed: 1.8;

  /* =====================================================
     ESPAÇAMENTO
     ===================================================== */

  --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-7:  1.75rem;   /* 28px */
  --space-8:  2rem;      /* 32px */
  --space-9:  2.25rem;   /* 36px */
  --space-10: 2.5rem;    /* 40px */
  --space-12: 3rem;      /* 48px */
  --space-16: 4rem;      /* 64px */

  /* =====================================================
     LAYOUT
     ===================================================== */

  --container-narrow:  640px;
  --container-content: 768px;
  --container-wide:    1120px;

  --header-height: 64px;
  --content-gap:   var(--space-8);

  /* =====================================================
     BORDAS
     ===================================================== */

  --radius-sm:   4px;
  --radius-md:   10px;
  --radius-lg:   20px;
  --radius-full: 9999px;

  /* =====================================================
     SOMBRAS
     ===================================================== */

  --shadow-sm: 0 1px 2px 0 rgb(19 34 33 / 0.06);
  --shadow-md: 0 10px 30px -16px rgb(19 34 33 / 0.24);
  --shadow-lg: 0 24px 56px -24px rgb(19 34 33 / 0.32);

  /* =====================================================
     TRANSIÇÕES
     ===================================================== */

  --transition-fast:   150ms ease;
  --transition-normal: 250ms ease;
}