/**
 * File: static/css/theme.css
 * Descrizione: Design system globale di RistorApp
 * Scopo: Centralizzare colori, spacing, radius, ombre e valori UI condivisi
 */

 :root {
  --color-bg-warm: #fffaf1;
  --color-bg-card: rgba(255, 255, 255, 0.92);

  --color-primary: #ef6c00;
  --color-primary-dark: #c95000;

  --color-text: #24242b;
  --color-text-soft: #6f6f78;
  --color-border-soft: rgba(239, 108, 0, 0.12);

  --color-menu-dark: #2a0907;
  --color-white: #ffffff;

  --shadow-card: 0 18px 45px rgba(42, 9, 7, 0.10);
  --shadow-card-hover: 0 24px 60px rgba(42, 9, 7, 0.16);

  --radius-sm: 14px;
  --radius-md: 22px;
  --radius-lg: 32px;
  --radius-xl: 42px;

  --space-xs: 8px;
  --space-sm: 14px;
  --space-md: 22px;
  --space-lg: 36px;
  --space-xl: 56px;
  --space-xxl: 88px;

  --container-width: 1120px;

  --transition-soft: 180ms ease;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  min-height: 100vh;
  font-family:
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  color: var(--color-text);
  background-color: var(--color-bg-warm);
}

a {
  color: inherit;
  text-decoration: none;
}

button,
a {
  -webkit-tap-highlight-color: transparent;
}