/* CYNC — tema.
   Único arquivo com valores de cor. Só :root, nada de seletores.
   Contrato dos nomes: ../../../guideline-landing-pages/docs/05-css-e-tokens.md

   Paleta oficial do manual de marca (../../manual-de-marca/manual.md §4).
   Os cinco hex abaixo são os da marca e não se alteram. */

:root{
  /* ---- superfícies ---- */
  --bg:            #F7F3EC;  /* off-white */
  --bg-raised:     #FFFDF9;
  --bg-alt:        #EFE9DC;
  --bg-inverse:    #171717;  /* grafite */

  /* ---- texto ---- */
  --fg:            #171717;             /* 15,8:1 no off-white */
  --fg-muted:      rgba(23,23,23,0.62);
  --fg-subtle:     rgba(23,23,23,0.45);
  --fg-on-inverse: rgba(247,243,236,0.62);

  /* ---- marca ---- */
  --brand:         #171717;
  --brand-dark:    #000;
  --brand-light:   rgba(247,243,236,0.62);

  /* ---- destaque ---- */
  --accent:        #FF5A1F;  /* laranja CYNC */
  --accent-dark:   #B9360B;  /* terracota */
  --accent-light:  #FF9A66;
  --accent-wash:   #FFE3D6;
  /* Terracota é a variante do manual para "contraste em fundos claros".
     Laranja puro sobre off-white dá ~2,8:1 e NÃO passa em AA como texto
     ou fundo de botão — ver nota no README. */
  --accent-on-light: #B9360B;  /* 7,5:1 com texto off-white */

  /* ---- estrutura ---- */
  --line:          rgba(23,23,23,0.09);
  --radius-sm:     5px;
  --radius-md:     10px;
  --radius-lg:     16px;
  --shadow-sm:     0 6px 16px -12px rgba(70,40,20,0.3);
  --shadow-lg:     0 20px 44px -34px rgba(70,40,20,0.4);
  --font-display:  "Clash Display", "Arial Black", sans-serif;
  --font-body:     "Inter", system-ui, -apple-system, sans-serif;

  /* ---- marca de terceiro: não muda ---- */
  --wa:            #25D366;
  --wa-dark:       #1FB855;

  /* ---- layout ---- */
  --max:           1180px;
  --edge:          clamp(20px, 5vw, 64px);
  color-scheme:    light;

  /* ---- aliases dos nomes antigos ----
     Mantidos enquanto style.css ainda os usa. Remover quando não sobrar
     nenhuma ocorrência (ver passo 5 do guideline). */
  --paper:         var(--bg);
  --paper-raised:  var(--bg-raised);
  --paper-sunken:  var(--bg-alt);
  --ink:           var(--fg);
  --ink-strong:    var(--fg-muted);
  --ink-soft:      var(--fg-subtle);
  --orange:        var(--accent);
  --terracotta:    var(--accent-dark);
  --orange-soft:   var(--accent-light);
  --orange-wash:   var(--accent-wash);
  --paper-strong:  rgba(247,243,236,0.62);
  --paper-soft:    rgba(247,243,236,0.62);  /* 7,0:1 no grafite; a 0.45 dava 4,27:1 */
  --paper-line:    rgba(247,243,236,0.16);
  --shadow-warm:   var(--shadow-lg);
  --radius-btn:    var(--radius-sm);
  --radius-card:   var(--radius-md);
}