/*
 * tokens.css — Contrato de tokens visuais do Clean Based Aureon
 * Brandy aplica identidade substituindo os valores abaixo.
 * Nunca hardcode cores ou fontes fora deste arquivo.
 */

:root {

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

  --color-primary:       #2563eb;
  --color-primary-dark:  #1e40af;
  --color-primary-light: #dbeafe;
  --color-secondary:     #0f172a;

  /* Accent oficial do tema = dourado Aureon — único amarelo do tema.
     Usado em hover/focus/active e detalhes; nunca como cor de texto em estado normal. */
  --color-brand-gold:    #e3b239;
  --color-accent:        #e3b239;
  --color-bg:            #ffffff;
  --color-surface:       #f8fafc;
  --color-text:          #111827;
  --color-text-muted:    #6b7280;
  --color-border:        #e5e7eb;
  --color-success:       #16a34a;
  --color-warning:       #eab308;
  --color-danger:        #dc2626;
  --color-info:          #0284c7;

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

  --font-heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body:    system-ui, -apple-system, BlinkMacSystemFont, "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:   6px;
  --radius-md:   10px;
  --radius-lg:   16px;
  --radius-full: 9999px;

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

  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);

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

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