/* Atelier Bistro — zmienne motywów jour / nuit */

:root,
[data-theme="jour"] {
  --burgundy: #5C1A2A;
  --burgundy-deep: #3D1018;
  --champagne: #EDE6D9;
  --champagne-muted: #D9CFC0;
  --charcoal: #2A2A2A;
  --rose: #A67C7C;
  --rose-light: #C4A0A0;

  --color-bg: var(--champagne);
  --color-bg-alt: #F5F0E8;
  --color-surface: #FFFFFF;
  --color-surface-elevated: #FFFCF8;
  --color-text: var(--charcoal);
  --color-text-muted: #6B6560;
  --color-text-inverse: var(--champagne);
  --color-accent: var(--burgundy);
  --color-accent-soft: var(--rose);
  --color-border: rgba(92, 26, 42, 0.12);
  --color-border-strong: rgba(92, 26, 42, 0.25);

  --header-bg: rgba(237, 230, 217, 0.92);
  --header-bg-scrolled: rgba(237, 230, 217, 0.98);
  --overlay-hero: linear-gradient(
    180deg,
    rgba(42, 42, 42, 0.35) 0%,
    rgba(92, 26, 42, 0.55) 55%,
    rgba(61, 16, 24, 0.75) 100%
  );
  --drawer-bg: var(--champagne);
  --drawer-text: var(--charcoal);
  --shadow-soft: 0 4px 24px rgba(92, 26, 42, 0.08);
  --shadow-medium: 0 8px 40px rgba(92, 26, 42, 0.14);
  --input-bg: #FFFFFF;
  --btn-outline-border: var(--burgundy);
  --btn-outline-text: var(--burgundy);
}

[data-theme="nuit"] {
  --color-bg: var(--burgundy-deep);
  --color-bg-alt: #4A1520;
  --color-surface: #5C1A2A;
  --color-surface-elevated: #6B2235;
  --color-text: var(--champagne);
  --color-text-muted: var(--champagne-muted);
  --color-text-inverse: var(--champagne);
  --color-accent: var(--champagne);
  --color-accent-soft: var(--rose-light);
  --color-border: rgba(237, 230, 217, 0.12);
  --color-border-strong: rgba(237, 230, 217, 0.28);

  --header-bg: rgba(61, 16, 24, 0.92);
  --header-bg-scrolled: rgba(61, 16, 24, 0.98);
  --overlay-hero: linear-gradient(
    180deg,
    rgba(42, 42, 42, 0.5) 0%,
    rgba(61, 16, 24, 0.7) 50%,
    rgba(42, 42, 42, 0.85) 100%
  );
  --drawer-bg: var(--burgundy);
  --drawer-text: var(--champagne);
  --shadow-soft: 0 4px 24px rgba(0, 0, 0, 0.3);
  --shadow-medium: 0 8px 40px rgba(0, 0, 0, 0.45);
  --input-bg: rgba(42, 42, 42, 0.4);
  --btn-outline-border: var(--champagne);
  --btn-outline-text: var(--champagne);
}

:root {
  --font-display: 'Bodoni Moda', Georgia, 'Times New Roman', serif;
  --font-body: 'Outfit', system-ui, sans-serif;

  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --radius-circle: 50%;

  --transition-fast: 0.2s ease;
  --transition-base: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-drawer: 0.4s cubic-bezier(0.32, 0.72, 0, 1);

  --container-max: 1140px;
  --container-wide: 1280px;
  --header-height: 72px;
}