/* GENERATED from DESIGN.md by lifter_build.py. Do not edit here: change DESIGN.md, or run `lifter_build.py adopt`. */
/* sha:b4cbfa67be84 */
:root {
  /* colors */
  --color-primary: #4F0056; /* deep purple: brand bands, footer, selected license, Reveal pill */
  --color-on-primary: #F1EADB;
  --color-secondary: #D01678; /* magenta: FILLS and LARGE text only (buttons, drop, 24px+ text) */
  --color-on-secondary: #F1EADB;
  --color-magenta-text: #F25AA5; /* approved addition: small magenta text, links on dark */
  --color-base: #000000; /* page base, newsletter band */
  --color-on-base: #F1EADB;
  --color-cream: #F1EADB; /* the site's "white": all light text, cream cards, inverted hovers (was #FFFFFF) */
  --color-surface-testimonials: #2A002D;
  --color-surface-shop: #1A001C; /* shop grid, sticky bar fallback */
  --color-gradient-violet: #9C27B0; /* animated headline gradient only, large text */
  --color-star: #FFD700;
  --color-card-light: #F1EADB;
  --color-on-card-light: #1A1A1A;
  --color-neutral-900: #1A1A1A;
  --color-neutral-850: #222222; /* product thumb bg */
  --color-neutral-800: #333333; /* meta text on cream, star stroke */
  --color-border: #F1EADB1A; /* rgba(241,234,219,.1): nav border, decorative dividers */
  --color-muted: #F1EADBB3; /* rgba(241,234,219,.7): secondary text, secondary button + input borders */
  --color-muted-strong: #F1EADBCC; /* rgba(241,234,219,.8) */
  --color-nav-glass: #00000099; /* rgba(0,0,0,.6) */
  --color-focus-on-dark: #F1EADB;
  --color-focus-on-light: #1A1A1A;
  --color-error: #FF6B6B;
  --color-success: #5BD69A;
  --color-scene-sketchbox-bg: #0C1A2B;
  --color-scene-sketchbox-on: #F1EADB;
  --color-scene-vintage-bg: #12130E;
  --color-scene-vintage-on: #F1EADB;
  --color-scene-cray-bg: #FFF3D6;
  --color-scene-cray-on: #221726;
  --color-scene-samurai-bg: #EEE8E3;
  --color-scene-samurai-on: #1C1A1E;
  --color-scene-office-bg: #FAF5E8;
  --color-scene-office-on: #1A1A1A;
  --color-scene-engrave-bg: #FFFFFF;
  --color-scene-engrave-on: #141414;
  --color-star-on-light: #9A6200; /* dark star variant for the three light scenes */
  /* rounded */
  --radius-button: 4px; /* buttons, inputs, license radio cards */
  --radius-card: 12px; /* testimonial cards, Reveal panel */
  --radius-thumb: 12px; /* product thumbs, slideshow */
  --radius-pill: 100px; /* nav only */
  --radius-blob: 42% 58% 55% 45% / 48% 42% 58% 52%; /* ink drop and testimonial avatars only */
  /* spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 32px;
  --space-xl: 64px;
  --space-section: 64px;
  --space-section-mobile: 40px;
  --space-gutter-mobile: 20px;
  --space-gutter-desktop: 48px;
  --space-max-width: 1280px;
  --space-nav-max-width: 1100px;
  /* shadows */
  --shadow-nav: 0 10px 30px rgba(0,0,0,.5);
  --shadow-card: 0 10px 30px rgba(0,0,0,.3);
  --shadow-thumb: 0 20px 40px rgba(0,0,0,.4);
  /* motion */
  --motion-base: 0.3s ease;
  --motion-thumb-zoom: 0.5s ease;
  --motion-gradient-loop: 5s linear infinite;
  --motion-drip: 480ms cubic-bezier(0.65, 0, 0.35, 1);
  --motion-reveal: 240ms cubic-bezier(0.22, 1, 0.36, 1);
  --motion-parallax-art: 0.05;
  --motion-curtain-depth: 260px;
  --motion-curtain-wipe: 2.3s cubic-bezier(0.3, 0.15, 0.35, 1);
  --motion-curtain-wipe-launch: 1.8s;
  --motion-drip-fall: 520ms cubic-bezier(0.55, 0, 1, 0.45);
  --motion-splash: 800ms;
  /* typography */
  --font-hero-title: Barlow;
  --hero-title-size: clamp(2.5rem, 9vw + 0.5rem, 4.5rem);
  --hero-title-weight: 900;
  --hero-title-line-height: 1.0;
  --hero-title-case: uppercase;
  --font-hero-subtitle: Barlow;
  --hero-subtitle-size: clamp(1.125rem, 1rem + 1vw, 1.5rem);
  --hero-subtitle-weight: 500;
  --hero-subtitle-line-height: 1.4;
  --hero-subtitle-spacing: 0.5px;
  --font-shop-title: Barlow;
  --shop-title-size: clamp(2.75rem, 10vw + 0.5rem, 5rem);
  --shop-title-weight: 800;
  --shop-title-line-height: 1.0;
  --font-section-title: Barlow;
  --section-title-size: clamp(2.25rem, 7vw + 0.75rem, 4rem);
  --section-title-weight: 800;
  --section-title-line-height: 1.05;
  --font-card-title: Barlow;
  --card-title-size: 1.5rem;
  --card-title-weight: 800;
  --card-title-line-height: 1.15;
  --font-body: Barlow;
  --body-size: 1.1rem;
  --body-weight: 500;
  --body-line-height: 1.6;
  --font-long-copy: Barlow;
  --long-copy-size: 1.1rem;
  --long-copy-weight: 400;
  --long-copy-line-height: 1.6;
  --font-eyebrow: Barlow;
  --eyebrow-size: 0.85rem;
  --eyebrow-weight: 700;
  --eyebrow-line-height: 1.2;
  --eyebrow-spacing: 1px;
  --eyebrow-case: uppercase;
  --font-label: Barlow;
  --label-size: 0.85rem;
  --label-weight: 700;
  --label-line-height: 1.2;
  --label-spacing: 1px;
  --label-case: uppercase;
  --font-nav-link: Barlow;
  --nav-link-size: 0.7225rem;
  --nav-link-weight: 600;
  --nav-link-line-height: 1.2;
  --nav-link-spacing: 1px;
  --nav-link-case: uppercase;
  --font-button: Barlow;
  --button-size: 0.9rem;
  --button-weight: 700;
  --button-line-height: 1;
  --button-spacing: 1px;
  --button-case: uppercase;
  --font-wordmark: Barlow;
  --wordmark-size: 1.1rem;
  --wordmark-weight: 800;
  --wordmark-spacing: 1px;
  --wordmark-case: uppercase;
  --font-price: Barlow;
  --price-size: clamp(1.5rem, 1.3rem + 0.6vw, 1.75rem);
  --price-weight: 800;
  --price-line-height: 1;
}