/* Studio utility-site tokens. The ONLY place colour literals may appear.
   Per-site overrides: redefine --c-brand* / --c-cta* in the site stylesheet's :root. */
:root {
  /* Palette */
  --c-brand: #0b5e55;          /* deep teal */
  --c-brand-strong: #07443d;
  --c-brand-tint: #e3f0ee;
  --c-cta: #a6390b;            /* burnt orange: complementary to teal */
  --c-cta-hover: #7f2c08;      /* darker CTA on hover */
  --c-on-cta: #ffffff;
  --c-utility: #5a2a87;        /* back-to-top / floating controls (violet) */
  --c-utility-hover: #431f66;
  --c-on-utility: #ffffff;
  --c-on-utility-hover: #e8def3; /* hover fill for light buttons on the utility colour */
  --c-bg: #ffffff;
  --c-bg-alt: #f1f6f5;
  --c-bg-footer: #e4eeec;
  --c-bg-footer-bar: #d6e3e0;
  --c-surface: #ffffff;
  --c-text: #17211f;
  --c-text-muted: #45524f;
  --c-border: #6b7a77;         /* input borders, >=3:1 on all backgrounds */
  --c-border-soft: #c9d6d3;    /* decorative hairlines only */
  --c-focus: #1849c6;
  --c-focus-on-dark: #ffffff;  /* focus ring on utility/dark surfaces */
  --c-error: #a3161c;
  --c-error-bg: #fdecec;
  --c-success: #11603a;
  --c-shadow: rgb(16 40 37 / 0.14);

  /* Type (16px base; fluid with clamp) */
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --fs-xs: 0.75rem;
  --fs-sm: clamp(0.875rem, 0.85rem + 0.1vw, 0.9375rem);
  --fs-base: clamp(1rem, 0.97rem + 0.15vw, 1.0625rem);
  --fs-lg: clamp(1.125rem, 1.05rem + 0.35vw, 1.3125rem);
  --fs-xl: clamp(1.375rem, 1.2rem + 0.8vw, 1.75rem);
  --fs-h1: clamp(2rem, 1.6rem + 2vw, 3rem);
  --lh-tight: 1.2;
  --lh-base: 1.6;

  /* Space */
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: clamp(2rem, 1.6rem + 2vw, 3rem);
  --section-pad: clamp(2.5rem, 1.8rem + 3.5vw, 4.5rem); /* symmetric top/bottom */

  /* Layout */
  --container: 70rem;          /* 1120px: the one container edge */
  --gutter: clamp(1rem, 0.6rem + 2vw, 2rem);
  --measure: 65ch;

  /* Shape */
  --radius-sm: 0.5rem;
  --radius-md: 0.75rem;
  --radius-lg: 1.25rem;
  --radius-pill: 999rem;
  --border-w: 1px;
  --shadow-sm: 0 1px 2px var(--c-shadow);
  --shadow-md: 0 6px 20px var(--c-shadow);

  /* Controls */
  --btn-h: 3rem;               /* studio button height (48px) */
  --control-h: var(--btn-h);   /* inputs match the button height */
  --touch-min: 2.75rem;        /* minimum touch target for links */
  --control-pad-x: 1rem;       /* equal inner padding, both sides */
  --lift: -0.125rem;
  --ad-min-h: 17.5rem;         /* reserved ad height (no CLS) */
  --dur: 160ms;
}