/* ============================================================
   LEEF 2.0 — Design Tokens CC (abril 2026)
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=JetBrains+Mono:wght@400;500;700&display=swap');

:root {
  /* ---- Core Palette ---- */
  --accent:  #FEC200;   /* amarelo Leef — cor da marca */
  --paper:   #F3EFE6;   /* bege quente — fundo default */
  --ink:     #111111;   /* quase preto — texto e bordas */

  /* ---- Derived ---- */
  --ink-muted:    rgba(17,17,17,0.45);
  --ink-subtle:   rgba(17,17,17,0.25);
  --paper-dark:   #E8E4DA;   /* bege mais escuro (hover) */
  --accent-dark:  #D4A400;   /* accent hover */

  /* ---- Admin (light — mesma paleta do site) ---- */
  --adm-bg:       var(--paper);        /* bege quente #F3EFE6 */
  --adm-card:     #FFFFFF;             /* branco puro p/ cards */
  --adm-border:   rgba(17,17,17,0.12);
  --adm-text:     var(--ink);          /* #111 */
  --adm-muted:    rgba(17,17,17,0.55);

  /* ---- Typography ---- */
  --display-font: 'Space Grotesk', sans-serif;
  --mono-font:    'JetBrains Mono', monospace;

  /* ---- Chrome ---- */
  --chrome-h: 48px;

  /* ---- Spacing ---- */
  --px: 40px;      /* padding horizontal desktop */
  --px-mob: 20px;  /* padding horizontal mobile */

  /* ---- Borders ---- */
  --border: 1px solid var(--ink);
  --border-subtle: 1px solid var(--ink-subtle);

  /* ---- Shadows ---- */
  --shadow-card: 8px 8px 0 var(--ink);

  /* ---- Transitions ---- */
  --t-fast: 0.15s ease;
  --t-mid:  0.25s ease;

  /* ---- Z-index ---- */
  --z-chrome:  100;
  --z-overlay: 500;
  --z-modal:   1000;
}