:root {
  /* Fundação — Mesa do artesão */
  --ground: #2a221e;
  --paper: #f4efe6;
  --paper-dim: #e8e0d5;
  --paper-layered: #faf7f2;

  /* Tinta */
  --ink: #2d2420;
  --ink-muted: #7a6e64;
  --ink-faint: #91847c;

  /* A cor única — a dobra carmesim do autômato em movimento */
  --crimson: #b91c1c;
  --crimson-hover: #991b1b;
  --crimson-glow: rgba(185, 28, 28, 0.15);

  /* Sombras de papel — camadas físicas */
  --paper-shadow: 0 1px 0 rgba(0, 0, 0, 0.04), 0 2px 4px rgba(0, 0, 0, 0.06);
  --paper-shadow-md: 0 1px 0 rgba(0, 0, 0, 0.05), 0 4px 8px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.03);
  --paper-shadow-lg: 0 2px 0 rgba(0, 0, 0, 0.04), 0 8px 16px rgba(0, 0, 0, 0.12);
  --paper-crease: 0 1px 0 rgba(0, 0, 0, 0.08);

  /* Estados — tinta e carimbo */
  --stamp-green: #2d5a3d;
  --stamp-green-bg: rgba(45, 90, 61, 0.08);
  --ink-spill: rgba(185, 28, 28, 0.06);

  /* Espaçamento */
  --radius: 3px;
  --radius-fold: 2px;
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 40px;
  --spacing-2xl: 64px;
  --spacing-3xl: 88px;

  /* Papel — grossura e dobra */
  --paper-weight: 1px;
  --fold-gap: 3px;

  /* Transições — o papel tem inércia */
  --transition-fast: 0.15s cubic-bezier(0.33, 1, 0.68, 1);
  --transition: 0.3s cubic-bezier(0.33, 1, 0.68, 1);
  --transition-slow: 0.5s cubic-bezier(0.33, 1, 0.68, 1);
  --transition-unfold: 0.6s cubic-bezier(0.22, 1, 0.36, 1);

  /* Tipografia */
  --font-display: "Playfair Display", "Georgia", "Times New Roman", serif;
  --font-body: "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-base: 16px;
  --font-size-lg: 18px;
  --font-size-xl: 24px;
  --font-size-2xl: 30px;
  --font-size-3xl: 38px;
  --font-size-4xl: 48px;
  --font-size-5xl: 64px;

  /* Z-index */
  --z-dropdown: 100;
  --z-overlay: 998;
  --z-drawer: 999;
  --z-modal-overlay: 1001;
  --z-modal: 1002;
  --z-toast: 1003;
}