/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --color-primary-18: #3b2728; /** brand fill */
  --color-secondary-36: #63524c;
  --color-accent-50: #8b7171;
  --color-neutral-10: #241314;
  --color-neutral-40: #63524c;
  --color-neutral-90: #eae3c6;
  --color-neutral-99: #fff9ea;
  --color-sand: #dbd4b8;
  --color-brown: #3b2728;
  --color-sand-light: #eae3c6;
  --color-brown-deep: #241314;
  --color-sand-on-brown-secondary: #b3a994;
  --duration-fast: 350ms;
  --duration-base: 700ms;
  --duration-slow: 1162ms;
  --easing-standard: cubic-bezier(0.22, 1, 0.36, 1);
  --easing-emphasized: cubic-bezier(0.22, 1, 0.36, 1);
  --space-xs: clamp(0.5rem, 0.46rem + 0.2vw, 0.625rem);
  --space-s: clamp(0.75rem, 0.69rem + 0.3vw, 0.938rem);
  --space-m: clamp(1rem, 0.91rem + 0.43vw, 1.25rem);
  --space-l: clamp(1.5rem, 1.37rem + 0.65vw, 1.875rem);
  --space-xl: clamp(2rem, 1.83rem + 0.87vw, 2.5rem);
  --space-2xl: clamp(3rem, 2.74rem + 1.3vw, 3.75rem);
  --radius-brand: 0px; /** from profile.visual_language.border_radius */
  --grid-container: 64rem; /** default (was hardcoded in cinema.mjs) */
  --grid-gutter: 1.5rem; /** default */
  --grid-columns: 12; /** default */
  --font-display: 'Instrument Serif', serif;
  --font-body: Switzer, sans-serif;
  --scale-0: clamp(1rem, 0.956rem + 0.188vw, 1.125rem);
  --scale-1: clamp(1.2rem, 1.094rem + 0.45vw, 1.5rem);
  --scale-2: clamp(1.44rem, 1.243rem + 0.84vw, 1.999rem);
  --scale-3: clamp(1.728rem, 1.398rem + 1.407vw, 2.665rem);
  --scale-4: clamp(2.074rem, 1.553rem + 2.221vw, 3.552rem);
  --scale-5: clamp(2.488rem, 1.697rem + 3.375vw, 4.735rem);
  --scale-6: clamp(2.986rem, 1.815rem + 4.996vw, 6.312rem);
  --scale-n2: clamp(0.694rem, 0.716rem + -0.092vw, 0.633rem);
  --scale-n1: clamp(0.833rem, 0.83rem + 0.016vw, 0.844rem);
  --scale-display: clamp(2.6rem, 8vw, 5.6rem); /** default (was hardcoded in cinema.mjs) */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-bold: 600;
  --leading-tight: 1.1;
  --leading-body: 1.5;
  --semantic-bg: var(--color-neutral-99); /** page background */
  --semantic-fg: var(--color-neutral-10); /** body text on bg */
  --semantic-brand: var(--color-primary-18); /** primary action on bg */
  --semantic-brand-text: var(--color-neutral-99); /** text on brand fill */
  --semantic-secondary: var(--color-secondary-36); /** secondary emphasis (tone-independent alias) */
  --semantic-accent: var(--color-accent-50); /** highlight, use at ~10% */
}