/* ───────────────────────────────────────────────
   BlueWine — Design tokens (Wise in Blue design system)
   Light + Dark mode. Standard branding 2026-06-16:
   - light mode base = beige "cream" #ece4d4 (fisso)
   - gradiente nome programma = #3b82f6 → #10b981 (vedi .brand-name)
─────────────────────────────────────────────── */

:root {
  /* Colors — palette Wise in Blue (primario #1a56db) */
  --color-primary: #1a56db;
  --color-primary-light: #3b82f6;
  --color-accent: #1a56db;

  /* LIGHT MODE (default) — sfondo base beige cream #ece4d4 (standard 2026-06-16) */
  --color-bg: #ece4d4;
  --color-bg-gradient: linear-gradient(135deg, #f0ead9 0%, #ece4d4 60%, #e6ddc9 100%);
  --color-surface: #fffdf8;
  --color-surface-2: #f5efe3;
  --color-text: #2a2417;
  --color-text-muted: #6b6453;
  --color-text-light: #9a9384;
  --color-border: #ddd3c0;
  --color-success: #059669;
  --color-warning: #d97706;
  --color-danger: #dc2626;
  --color-overlay: rgba(40, 33, 20, 0.45);

  /* Wine accent (rosso vino, usato per dettagli del modulo Cellar) */
  --wine-red: #7b2d3b;
  --wine-white: #d4b96a;
  --wine-rose: #d98a8a;
  --wine-sparkling: #c9a84a;

  /* Brand name gradient — FISSO, non modificabile (estratto da BlueCheck) */
  --brand-gradient: linear-gradient(135deg, #3b82f6, #10b981);

  /* Typography */
  --font-family: 'Inter', system-ui, -apple-system, sans-serif;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-base: 16px;
  --font-size-md: 18px;
  --font-size-lg: 20px;
  --font-size-xl: 24px;
  --font-size-2xl: 32px;

  /* Spacing (4px base) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;

  /* Border radius */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-card: 0 2px 12px rgba(40, 33, 20, 0.08);
  --shadow-elevated: 0 8px 28px rgba(40, 33, 20, 0.14);

  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-base: 200ms ease;
  --transition-slow: 300ms ease;
}

/* ===== DARK (NIGHT) MODE ===== */
[data-theme="dark"] {
  --color-primary: #3b82f6;
  --color-primary-light: #60a5fa;
  --color-accent: #3b82f6;

  --color-bg: #0f172a;
  --color-bg-gradient: linear-gradient(135deg, #0a0f1e 0%, #0f172a 60%, #111d31 100%);
  --color-surface: #1e293b;
  --color-surface-2: #334155;
  --color-text: #f1f5f9;
  --color-text-muted: #cbd5e1;
  --color-text-light: #94a3b8;
  --color-border: #334155;
  --color-success: #34d399;
  --color-warning: #fbbf24;
  --color-danger: #f87171;
  --color-overlay: rgba(0, 0, 0, 0.6);

  --wine-red: #b05566;
  --wine-white: #e3cb84;
  --wine-rose: #e9a9a9;
  --wine-sparkling: #ddc46a;

  --shadow-card: 0 2px 12px rgba(0, 0, 0, 0.4);
  --shadow-elevated: 0 8px 28px rgba(0, 0, 0, 0.55);
}