/*!
 * Café com Direito — Design Tokens
 * Cores, escala, espaçamento, raios — fonte única da verdade.
 */

:root {
  /* === CORES PRINCIPAIS (oficiais) === */
  --ccd-azul-toga:        #0B1B3D;
  --ccd-dourado-oab:      #C9A961;
  --ccd-preto-juridico:   #0A0A0A;
  --ccd-branco-papel:     #FAFAF7;

  /* === CORES HARMÔNICAS DE APOIO === */
  --ccd-azul-noite:       #050E22;
  --ccd-azul-aco:         #1E3A6F;
  --ccd-dourado-claro:    #E6CC8C;
  --ccd-dourado-escuro:   #8C7237;
  --ccd-cinza-grafite:    #2A2D3A;
  --ccd-cinza-nevoa:      #E8E6E0;
  --ccd-vermelho-selo:    #8B2C2C;

  /* === ALIASES SEMÂNTICOS === */
  --ccd-bg:               var(--ccd-branco-papel);
  --ccd-bg-dark:          var(--ccd-azul-toga);
  --ccd-bg-darker:        var(--ccd-azul-noite);
  --ccd-text:             var(--ccd-preto-juridico);
  --ccd-text-muted:       var(--ccd-cinza-grafite);
  --ccd-text-on-dark:     var(--ccd-branco-papel);
  --ccd-accent:           var(--ccd-dourado-oab);
  --ccd-accent-hover:     var(--ccd-dourado-claro);
  --ccd-link:             var(--ccd-dourado-escuro);
  --ccd-border:           var(--ccd-cinza-nevoa);

  /* === TIPOGRAFIA === */
  --ccd-font-display:     'Fraunces', Georgia, 'Times New Roman', serif;
  --ccd-font-body:        'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --ccd-font-accent:      'Caveat', 'Brush Script MT', cursive;

  /* Escala desktop */
  --ccd-fs-h1:            4.5rem;     /* 72px */
  --ccd-fs-h2:            3rem;       /* 48px */
  --ccd-fs-h3:            1.75rem;    /* 28px */
  --ccd-fs-h4:            1.375rem;   /* 22px */
  --ccd-fs-body:          1.125rem;   /* 18px */
  --ccd-fs-meta:          0.875rem;   /* 14px */
  --ccd-fs-small:         0.75rem;    /* 12px */

  /* Pesos */
  --ccd-fw-regular:       400;
  --ccd-fw-medium:        500;
  --ccd-fw-semibold:      600;
  --ccd-fw-bold:          700;

  /* Line-heights */
  --ccd-lh-tight:         1.05;
  --ccd-lh-snug:          1.15;
  --ccd-lh-normal:        1.3;
  --ccd-lh-relaxed:       1.7;

  /* Tracking */
  --ccd-tracking-tight:   -0.01em;
  --ccd-tracking-normal:  0;
  --ccd-tracking-wide:    0.08em;
  --ccd-tracking-wider:   0.1em;

  /* === ESPAÇAMENTO === */
  --ccd-space-xs:         0.5rem;     /* 8px */
  --ccd-space-sm:         1rem;       /* 16px */
  --ccd-space-md:         1.5rem;     /* 24px */
  --ccd-space-lg:         2rem;       /* 32px */
  --ccd-space-xl:         3rem;       /* 48px */
  --ccd-space-2xl:        5rem;       /* 80px */
  --ccd-space-3xl:        7.5rem;     /* 120px */

  --ccd-section-py:       7.5rem;     /* 120px */
  --ccd-card-padding:     2rem;       /* 32px */
  --ccd-container-max:    1200px;
  --ccd-reading-max:      720px;

  /* === RAIOS === */
  --ccd-radius-sm:        2px;
  --ccd-radius:           4px;
  --ccd-radius-md:        8px;
  --ccd-radius-lg:        16px;
  --ccd-radius-pill:      999px;

  /* === SOMBRAS === */
  --ccd-shadow-sm:        0 1px 2px rgba(10,10,10,0.05);
  --ccd-shadow:           0 4px 12px rgba(10,10,10,0.08);
  --ccd-shadow-lg:        0 12px 32px rgba(10,10,10,0.12);

  /* === TRANSIÇÕES === */
  --ccd-transition-fast:  150ms ease-out;
  --ccd-transition:       250ms ease-out;
  --ccd-transition-slow:  400ms ease-out;
}

/* Escala mobile */
@media (max-width: 768px) {
  :root {
    --ccd-fs-h1:        2.75rem;    /* 44px */
    --ccd-fs-h2:        2rem;       /* 32px */
    --ccd-fs-h3:        1.375rem;   /* 22px */
    --ccd-fs-h4:        1.125rem;   /* 18px */
    --ccd-fs-body:      1rem;       /* 16px */
    --ccd-section-py:   5rem;       /* 80px */
  }
}