/* JAMS / Atelier system. Shared by the storefront, workspace and account screens. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root {
  --font-sans: 'Inter', 'Segoe UI', sans-serif;
  --font-display: var(--font-sans);
  --lux-bg: #f7f6f2;
  --lux-bg-strong: #ede9e2;
  --lux-panel: #fff;
  --lux-surface: #fff;
  --lux-surface-alt: #f1eee8;
  --lux-line: #e5e2dc;
  --lux-line-strong: #cdc5b9;
  --lux-ink: #242424;
  --lux-text: #242424;
  --lux-muted: #716c65;
  --lux-accent: #b7a58c;
  --lux-accent-strong: #816b50;
  --lux-orange: #df642f;
  --lux-orange-strong: #ac431a;
  --lux-success: #267252;
  --lux-warning: #94651c;
  --lux-error: #b13e36;
  --depth-surface: var(--surface-card);
  --depth-line: #e7e3dc;
  --depth-soft: 0 1px 2px rgb(43 33 21 / 4%), 0 10px 28px -20px rgb(43 33 21 / 22%);
  --depth-raised: 0 2px 5px -2px rgb(43 33 21 / 6%), 0 20px 44px -28px rgb(43 33 21 / 25%);
  --depth-control: inset 0 1px 2px rgb(43 33 21 / 2%), 0 1px 0 rgb(255 255 255 / 75%);
  --depth-page-wash: radial-gradient(ellipse at 10% 0, rgb(183 165 140 / 7%), transparent 48%);
  --lux-shadow-soft: var(--depth-soft);
  --lux-shadow-card: var(--depth-raised);
  --lux-shadow-lift: 0 28px 70px -24px rgb(50 39 25 / 24%);
  --surface-page: var(--lux-bg);
  --surface-card: var(--lux-panel);
  --surface-border: var(--lux-line);
  --surface-shadow: var(--lux-shadow-card);
  --surface-shadow-raised: var(--lux-shadow-lift);
  --dark: var(--lux-ink);
  --dark-2: #35312d;
  --orange: var(--lux-orange);
  --orange-2: var(--lux-orange-strong);
  --bg: var(--lux-bg);
  --soft: var(--lux-surface-alt);
  --line: var(--lux-line);
  --text: var(--lux-text);
  --muted: var(--lux-muted);
  --ui-border: var(--lux-line);
  --shadow: var(--lux-shadow-card);
  --shadow-sm: var(--lux-shadow-soft);
  --radius-sm: 3px;
  --radius-md: 4px;
  --radius-lg: 6px;
  --radius-xl: 8px;
  --ui-radius: 12px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --type-h1: clamp(2rem, 3.5vw, 3rem);
  --type-h2: clamp(1.5rem, 2.5vw, 2.2rem);
  --type-h3: 1.25rem;
  --type-display: clamp(3rem, 6vw, 6rem);
  --font-xs: .72rem;
  --font-sm: .82rem;
  --font-base: .94rem;
  --font-lg: 1.125rem;
  --font-xl: 1.5rem;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --transition-fast: 150ms ease;
  --transition-standard: 220ms ease;
  --workspace-gutter: clamp(18px, 4vw, 72px);
  /* Layout breakpoints: compact 560 / navigation 760 / studio 1100 / wide 1440. */
}