/* ===== STAGECRAFTCO DESIGN TOKENS — change the whole site here ===== */
:root{
  /* Colours */
  --color-background:#F1F3E6;   /* page background (light olive) */
  --color-surface:#E4E8D3;      /* alternate sections, image placeholders, form panels */
  --color-field:#FAFBF4;        /* form input background */
  --color-text:#141210;
  --color-muted:#655E55;
  --color-dark:#141210;         /* hero / lightbox */
  --color-on-dark:#F2EEE7;
  --color-muted-on-dark:#A69E93;
  --color-accent:#4F5A2E;       /* deep olive — CTA band, logo "CO", hovers */
  --color-accent-light:#B9C47E; /* accent used over dark photos */
  --color-line:rgba(20,18,16,.16);
  --color-field-border:#A9B38A; /* thin olive border on form fields */
  --color-line-dark:rgba(242,238,231,.18);
  /* Type */
  --font-sans:'Archivo',system-ui,sans-serif;
  /* Layout */
  --space-gutter:clamp(20px,4vw,56px);
  --space-section:clamp(88px,11vw,168px);
  --container:1440px;
  /* Shape */
  --radius-button:999px;
  --radius-image:8px;           /* rounded corners on every photo tile */
  --radius-field:6px;           /* rounded corners on form fields */
  /* Motion */
  --ease:cubic-bezier(.2,.7,.2,1);
  --dur-fast:.3s;
  --dur-image:.9s;
  --dur-reveal:1s;
}
@view-transition{navigation:auto} /* soft cross-fade between pages (supported browsers) */
html{scroll-behavior:smooth}
body{margin:0;background:var(--color-background);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none} a:hover{color:var(--color-accent)}
input,select,textarea,button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}
::selection{background:var(--color-accent);color:var(--color-on-dark)}
@keyframes scc-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}} /* featured-artists strip */
@media (prefers-reduced-motion:reduce){[data-marquee]{overflow-x:auto!important}html{scroll-behavior:auto}*{transition:none!important;animation:none!important}@view-transition{navigation:none}}
