:root {
  --color-primary: #ff6b00;
  --color-primary-hover: #e05d00;
  --color-btn-text: #ffffff;
  --color-accent: #ff6b00;
  --color-accent-hover: #e05d00;
  --color-surface: #ffffff;
  --color-ink: #0f172a;
  --color-muted: #64748b;
  --color-canvas: #f1f5f9;
  --color-surface-soft: #e2e8f0;
  --color-cream: #e2e8f0;
  --color-border: #e2e8f0;
  --color-header-bg: #0f172a;
  --header-bg: #0f172af5;
  --header-text: #f8fafc;
  --color-header-btn: #e2e8f0;
  --color-header-btn-hover: #ff6b00;
  --color-header-btn-text: #0f172a;
  --color-chip: #ffffff;
  --color-chip-text: #0f172a;
  --color-coral: #ff6b00;
  --color-coral-hover: #e05d00;
  --color-coral-deep: #b74d00;
  --color-coral-soft: #ffede0;
  --color-coral-mist: #ffdec6;
  --color-success: #10b981;
  --color-danger: #dc2626;
  --color-aurora-1: #e9edf3;
  --color-aurora-2: #cfd5dc;
  --color-aurora-3: #edf1f6;
  --shadow-soft: 0 2px 10px rgba(15, 23, 42, 0.05);
  --shadow-lift: 0 12px 28px rgba(15, 23, 42, 0.08);
  --shadow-card: 0 1px 0 rgba(15, 23, 42, 0.03), 0 8px 24px rgba(15, 23, 42, 0.06);
  --btn-shadow: 0 6px 16px #e05d0047;
  --bg-primary: #f1f5f9;
  --bg-card: #ffffff;
  --text-main: #0f172a;
  --text-muted: #64748b;
  --border-color: #e2e8f0;
  --btn-primary-bg: #ff6b00;
  --btn-primary-hover: #e05d00;
  --btn-primary-text: #ffffff;
  --btn-secondary-bg: #e2e8f0;
  --btn-secondary-hover: #cbd5e1;
  --btn-secondary-text: #0f172a;
  --accent-orange: #ff6b00;
  --accent-orange-hover: #e05d00;
  --accent-orange-text: #ffffff;
  --accent-solar: #ff6b00;
  --accent-solar-hover: #e05d00;
  --footer-bg: #0f172a;
  --footer-text-muted: #94a3b8;
  --footer-text-heading: #ffffff;
  --status-success: #10b981;
  --price-discount: #ff6b00;
  --price-old: #94a3b8;
  --font-display: "Playfair Display", Georgia, "Times New Roman", serif;
  --font-body: "Outfit", "Helvetica Neue", Arial, sans-serif;
  --font-scale-display: 1;
  --font-scale-body: 1;
}
html {
  font-size: calc(100% * var(--font-scale-body, 1));
}