/* ============================================================
 * Cartorária — Paleta de marca e escalas
 * ------------------------------------------------------------
 * No Cartorária isto vive em `frontend/tailwind.config.js`, porque
 * lá o Tailwind precisa dos valores em JavaScript. Aqui não há build
 * de CSS, então os mesmos valores viram custom properties.
 *
 * Diferente de tokens.css, NADA aqui muda com o tema: são os hex
 * fixos da marca. É a única parte do design system que não é
 * theme-aware — e a única que se troca para revender a suíte com
 * outra identidade (§16 do DESIGN_SYSTEM.md).
 * ============================================================ */

:root {
  /* ---- Ouro ---- */
  --gold:           #B4964B;   /* acento padrão, borda ativa, foco */
  --gold-deep:      #8E7232;   /* texto sobre fundo dourado claro */
  --gold-light:     #D4B36A;   /* acento no tema escuro */
  --gold-pale:      #E8D58E;   /* fundo de selo no tema claro */
  --gold-champagne: #E1C35A;   /* meio do gradiente diagonal */
  --gold-edge:      #6E5220;   /* extremidade do metalizado */
  --gold-center:    #F8E9B0;   /* brilho central do metalizado */
  --on-gold:        #0A0A0A;   /* SEMPRE o texto sobre superfície dourada */

  /* ---- Complementares ---- */
  --silver:        #C8C8C8;  --silver-edge:   #8A8A8A;  --silver-center:   #FFFFFF;
  --graphite:      #3A3A3A;  --graphite-edge: #050505;  --graphite-center: #6A6A6A;

  /* ---- Papel ---- */
  --paper:   #FAF7F0;
  --paper-2: #F0E9D6;
  --paper-3: #E8DEC6;
  --cream:   #FFFFFF;

  /* ---- Gradientes ---- */
  --gold-grad: linear-gradient(135deg, #E8D58E 0%, #E1C35A 35%,
                               #B4964B 70%, #8E7232 100%);
  /* Metalizados: escurecem nas pontas e brilham no centro. Só em peça
     grande — em área pequena o gradiente vira sujeira. */
  --gold-metal: linear-gradient(180deg, #6E5220 0%, #B4964B 25%,
                                #F8E9B0 50%, #B4964B 75%, #6E5220 100%);
  --silver-metal: linear-gradient(180deg, #8A8A8A 0%, #DCDCDC 25%,
                                  #FFFFFF 50%, #DCDCDC 75%, #8A8A8A 100%);
  --graphite-metal: linear-gradient(180deg, #050505 0%, #303030 25%,
                                    #6A6A6A 50%, #303030 75%, #050505 100%);

  /* ---- Status (sólidos; os -soft são theme-aware, em tokens.css) ---- */
  --success: #3F7A4D;
  --warn:    #B5862A;
  --danger:  #A23A2A;
  --info:    #3A5C8C;

  /* ---- Sombras de escala fixa ---- */
  --s-xs:    0 1px 0 rgba(11,11,12,.04), 0 1px 2px rgba(11,11,12,.04);
  --s-sm:    0 1px 2px rgba(11,11,12,.06), 0 2px 6px rgba(11,11,12,.05);
  --s-md:    0 4px 12px rgba(11,11,12,.08), 0 2px 4px rgba(11,11,12,.05);
  --s-lg:    0 12px 32px rgba(11,11,12,.10), 0 4px 12px rgba(11,11,12,.06);
  --s-focus: 0 0 0 3px rgba(180,150,75,.30);

  /* ---- Curvas de movimento ---- */
  --ease-sober:  cubic-bezier(.2,.7,.2,1);
  --ease-smooth: cubic-bezier(0.22, 1, 0.36, 1);

  /* ---- Tipografia ---- */
  --fonte:      "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fonte-mono: "JetBrains Mono", ui-monospace, monospace;
}

/* No tema escuro o acento clareia: o ouro padrão some contra o preto. */
[data-theme="dark"] {
  --gold-deep: #D4B36A;
}