/* ============================================================
   lanzilotta.it — Design tokens (colori, font, spaziature, radius)
   Condiviso da: theme.css, editor-inline.css, editor-builder.css,
   admin-panels.css (frontend + wp-admin)
   ============================================================ */
:root {
  /* Colori — palette principale */
  --bg:          #f1ede4;
  --bg-2:        #e8e4db;
  --ink:         #15130f;
  --ink-2:       #3d3a35;
  --muted:       #83807a;
  --rule:        #15130f;
  --accent:      #ff3b1f;
  --accent-line: rgba(255,59,31,.35);
  --accent-tint: rgba(255,59,31,.08);
  --accent-soft: rgba(255,59,31,.04);
  --accent-glow: rgba(255,59,31,.5);
  --peach:       #f4d6c5;
  --paper:       #f6f3ed;
  --dot:         rgba(21,19,15,.18);
  --panel-bg:    #15130f;
  --panel-fg:    #f1ede4;

  /* Colori — neutri/bordi (editor + admin) */
  --white:       #fff;
  --border-light:#e5e5e5;
  --border-gray: #ddd;

  /* Font */
  --f-display: "Space Grotesk", ui-sans-serif, system-ui;
  --f-body:    "Space Grotesk", ui-sans-serif, system-ui;
  --f-serif:   "Instrument Serif", "Times New Roman", serif;
  --f-mono:    "JetBrains Mono", ui-monospace, Menlo, monospace;

  /* Spaziature */
  --sp-1: 4px;
  --sp-2: 6px;
  --sp-3: 8px;
  --sp-4: 12px;
  --sp-5: 16px;
  --sp-6: 20px;
  --sp-7: 24px;
  --sp-8: 28px;
  --sp-9: 32px;

  /* Border radius */
  --radius-none:   0;
  --radius-sm:     4px;
  --radius-md:     8px;
  --radius-pill:   999px;
  --radius-circle: 50%;
}