/* ==========================================================================
   THEME — DARK / EVENING WORKSHOP
   Drop-in replacement for theme.css. In index.html use:
       <link rel="stylesheet" href="themes/theme-dark.css">
   Same variable names as theme.css — only the values differ.
   ========================================================================== */

:root {
  --color-bg:              #191715;
  --color-surface:         #24211e;
  --color-surface-alt:     #201d1a;
  --color-text:            #ece5da;
  --color-heading:         #f7f1e7;
  --color-muted:           #a89d90;
  --color-border:          #3a342e;

  --color-accent:          #e08c3a;
  --color-accent-hover:    #f0a253;
  --color-accent-text:     #1a1613;
  --color-accent-soft:     #34291d;

  --color-highlight:       #f0b95c;

  --color-header-bg:       #121110;
  --color-header-text:     #f5efe6;
  --color-footer-bg:       #121110;
  --color-footer-text:     #a89d90;

  --color-overlay:         rgb(10 9 8 / 0.96);
  --color-shade:           rgb(10 9 8 / 0.62);

  --font-heading: "Bitter", Georgia, "Times New Roman", serif;
  --font-body:    "Source Sans 3", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  --font-size-base:  1.125rem;
  --font-size-small: 1rem;
  --line-height:     1.65;
  --heading-weight:  700;
  --heading-spacing: -0.01em;

  --radius-sm: 4px;
  --radius-md: 10px;
  --radius-lg: 18px;
  --radius-pill: 999px;

  --shadow-card: 0 1px 3px rgb(0 0 0 / 0.4), 0 6px 18px rgb(0 0 0 / 0.34);
  --shadow-lift: 0 4px 10px rgb(0 0 0 / 0.45), 0 14px 34px rgb(0 0 0 / 0.5);
  --shadow-callbar: 0 -2px 14px rgb(0 0 0 / 0.6);

  --border-width: 1px;

  --space-unit:    8px;
  --content-max:   1180px;
  --section-pad-y: 80px;
  --tap-min:       52px;

  --transition-fast: 140ms ease;
  --transition-slow: 320ms ease;

  --hero-min-height: 78vh;
}

@media (max-width: 640px) {
  :root {
    --section-pad-y: 56px;
    --hero-min-height: auto;
  }
}