/**
 * Charlie's Cuts — logo navy #191722 · cream accent
 */

:root {
  --cc-logo-bg: #191722;
  --brand-primary: #e8dfc8;
  --brand-primary-bright: #f5edd0;
  --brand-primary-soft: rgba(232, 223, 200, 0.12);
  --brand-primary-line: rgba(232, 223, 200, 0.35);
  --brand-primary-glow: rgba(232, 223, 200, 0.2);
  --brand-secondary: #e8dfc8;
  --brand-accent: #e8dfc8;
  --font-display: "Bebas Neue", "Oswald", system-ui, sans-serif;
  --font-body: "Oswald", "Segoe UI", system-ui, sans-serif;
}

/* Light */
[data-theme="light"] {
  --bg: #ffffff;
  --bg-elevated: #ffffff;
  --card: #f5f5f5;
  --surface: #ececec;
  --card-border: rgba(25, 23, 34, 0.1);
  --silver: #191722;
  --silver-bright: #191722;
  --muted: #5c5c5c;
  --text: #191722;
  --body-gradient: #ffffff;
  --nav-bg: #ffffff;
}

/* Night — logo background */
[data-theme="dark"] {
  --bg: #191722;
  --bg-elevated: #1e1c28;
  --card: rgba(255, 255, 255, 0.05);
  --surface: rgba(255, 255, 255, 0.07);
  --surface-hi: rgba(255, 255, 255, 0.09);
  --card-border: rgba(232, 223, 200, 0.14);
  --border-strong: rgba(232, 223, 200, 0.35);
  --silver: #f0ece4;
  --silver-bright: #f5edd0;
  --muted: #a8a6a0;
  --text: #f2f0ea;
  --body-gradient: #191722;
  --nav-bg: #191722;
  --hero-glow: radial-gradient(ellipse 80% 40% at 50% 0%, rgba(232, 223, 200, 0.08), transparent 60%);
}

/* Navy — slightly deeper variant */
[data-theme="charcoal"] {
  --bg: #14131c;
  --bg-elevated: #191722;
  --card: rgba(255, 255, 255, 0.05);
  --surface: rgba(255, 255, 255, 0.07);
  --card-border: rgba(232, 223, 200, 0.16);
  --silver-bright: #f5edd0;
  --muted: #b0aca6;
  --text: #ffffff;
  --body-gradient: #14131c;
  --nav-bg: #14131c;
  --hero-glow: radial-gradient(ellipse 70% 40% at 50% 0%, rgba(232, 223, 200, 0.1), transparent 55%);
}

:root,
[data-theme="light"],
[data-theme="dark"],
[data-theme="charcoal"] {
  --red: var(--brand-primary);
  --red-bright: var(--brand-primary-bright);
  --logo-performance-red: var(--brand-primary);
  --red-glow: var(--brand-primary-glow);
  --g7-red-soft: var(--brand-primary-soft);
  --g7-red-line: var(--brand-primary-line);
  --gold: var(--brand-primary);
  --gold-dim: var(--brand-primary-soft);
  --header-bg: var(--nav-bg);
}