/* Booknando Design System — tokens
   Copie este arquivo para o novo projeto e vincule no <head>:
   <link rel="stylesheet" href="booknando-tokens.css">
   Fontes (adicione no <head> do projeto):
   <link href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,600;12..96,700;12..96,800&family=Hanken+Grotesk:wght@400;500;600;700&family=Open+Sans:wght@400;600;700;800&display=swap" rel="stylesheet"> */

:root{
  /* Superfícies / neutros */
  --bg:#f6f2ea;          /* canvas creme */
  --surface:#ffffff;     /* cards, nav, inputs */
  --surface-2:#faf7f1;   /* insets, campos, dropzone */

  /* Marca — vinho/bordô */
  --wine:#8e1b1b;        /* botões e destaques ativos */
  --wine-dk:#761414;     /* hover do primário */
  --wine-soft:#f3e5e3;   /* pílula ativa, fundo suave, avatar */

  /* Texto */
  --ink:#1f1b17;         /* texto principal */
  --muted:#8b7f70;       /* texto secundário */
  --faint:#b5aa9a;       /* terciário / placeholder */

  /* Linhas */
  --line:#e7dfd2;        /* bordas */
  --line-2:#efe9de;      /* divisórias internas, trilhos */

  /* Estados */
  --ok:#1f7a4d;   --ok-bg:#e4f2e9;    /* sucesso / ativo */
  --warn:#9a6a12; --warn-bg:#f6ecd6;  /* processando / pendente */
  --err:#a02020;  --err-bg:#f6e2e2;   /* erro */
  --info:#8b7f70; --info-bg:#efe9de;  /* neutro / aguardando */

  /* Cor secundária (ex.: seleção "créditos") */
  --teal:#3f7d8c;

  /* Cores do logo */
  --logo-red:#c00000;    --logo-dark:#2b0a0a;
  --logo-brick:#7a3229;  --logo-maroon:#5c0d0d;

  /* Tipografia */
  --font-head:'Bricolage Grotesque',sans-serif;
  --font-body:'Hanken Grotesk',sans-serif;
  --font-logo:'Open Sans',sans-serif;

  /* Raios */
  --r-input:9px; --r-btn:10px; --r-card:14px; --r-panel:18px; --r-pill:20px;

  /* Sombras */
  --shadow-btn:0 1px 2px rgba(120,20,20,.25);
  --shadow-card-hover:0 4px 16px rgba(60,40,20,.06);
}
