/* Rockcon — design tokens.
   Seed colours were MEASURED from the business's own Instagram banner
   (yedekler/banner-full.jpg): wordmark yellow #fdc645, "CONSTRUCTIONS" grey
   #878787, charcoal ground #1b1b1b. Change brand colour here and nowhere else. */
:root {
  --seed-yellow: #fdc645;
  --seed-grey: #878787;
  --seed-char: #1b1b1b;

  --bg: #f4f2ee;
  --bg-alt: #e9e6e0;
  --surface: #ffffff;
  --ink: #1b1b1b;
  --ink-soft: #4a4a4a;
  --line: #d6d2ca;
  --brand: var(--seed-yellow);
  --brand-ink: #1b1b1b;          /* text ON yellow */
  --accent-text: #8a6200;        /* yellow is unreadable on light bg; this passes AA */
  --dark: #161616;
  --dark-2: #222222;
  --on-dark: #f2f2f2;
  --on-dark-soft: #b5b5b5;

  --font-display: "Montserrat", "Arial Black", system-ui, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --r-sm: 6px;
  --r-md: 12px;
  --r-lg: 20px;
  --shadow: 0 10px 30px rgba(0, 0, 0, .12);
  --gutter: clamp(16px, 4vw, 40px);
  --max: 1180px;
  --ease: cubic-bezier(.2, .7, .2, 1);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #121212;
    --bg-alt: #1a1a1a;
    --surface: #202020;
    --ink: #f0f0f0;
    --ink-soft: #b8b8b8;
    --line: #333333;
    --accent-text: var(--seed-yellow);
    --shadow: 0 10px 30px rgba(0, 0, 0, .5);
  }
}
:root[data-theme="dark"] {
  --bg: #121212;
  --bg-alt: #1a1a1a;
  --surface: #202020;
  --ink: #f0f0f0;
  --ink-soft: #b8b8b8;
  --line: #333333;
  --accent-text: var(--seed-yellow);
  --shadow: 0 10px 30px rgba(0, 0, 0, .5);
}