:root {
  /* Core brand — change these first to recolour the site */
  --accent: #f3c400;
  --accent-strong: #dcae00;
  --accent-ink: #17140a;
  --accent-soft: #fff0a8;
  --accent-glow: rgba(243, 196, 0, 0.20);

  /* Light surfaces */
  --page: #f6f3eb;
  --page-alt: #f0ede3;
  --surface: #fffdf8;
  --surface-strong: #ffffff;
  --surface-2: #efebe1;
  --ink: #171817;
  --muted: #64665f;
  --muted-strong: #4c4f49;
  --line: rgba(88, 84, 73, 0.18);

  /* Glass cards */
  --glass-bg: rgba(255, 255, 255, 0.54);
  --glass-bg-hover: rgba(255, 255, 255, 0.76);
  --glass-line: rgba(255, 255, 255, 0.72);
  --glass-shadow: 0 22px 60px rgba(35, 32, 24, 0.075);
  --glass-blur: 18px;

  /* Feature icon tints */
  --tint-1: #ffe68a;
  --tint-2: #dfe9c1;
  --tint-3: #d9e7f4;
  --tint-4: #f2d9de;
  --tint-5: #ded7f0;
  --tint-6: #d5ebe4;
  --tint-7: #f3dec9;
  --tint-pro: #f3c400;

  /* Dark / Pro */
  --pro-bg: #0e1216;
  --pro-bg-2: #141a20;
  --pro-surface: #171d23;
  --pro-surface-2: #20272e;
  --pro-ink: #f7f7f3;
  --pro-muted: #aeb5bb;
  --pro-line: rgba(255, 255, 255, 0.12);

  /* Master */
  --master-bg: #e9e3d5;
  --master-panel: rgba(255, 255, 255, 0.58);

  /* Footer */
  --footer-bg: #171a1d;
  --footer-ink: #f5f4ef;
  --footer-muted: #aeb2b4;
  --footer-line: #32373b;

  /* Layout */
  --content-max: 1280px;
  --gutter: clamp(22px, 4vw, 58px);
  --section-space: clamp(92px, 9vw, 142px);
  --section-space-tight: clamp(68px, 7vw, 106px);
  --card-gap: clamp(20px, 2.1vw, 30px);

  /* Shape */
  --radius-sm: 12px;
  --radius-md: 22px;
  --radius-lg: 34px;
  --radius-xl: 44px;
  --radius-pill: 999px;

  /* Shadows */
  --shadow-soft: 0 16px 45px rgba(24, 24, 18, 0.09);
  --shadow-device: 0 34px 90px rgba(20, 20, 16, 0.18);

  /* Type */
  --font-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
}