/*
 * VEYLOVA shared storefront tokens
 *
 * This file owns stable brand primitives only. Page geometry and component
 * selectors belong to their scoped stylesheets. Keep it before styles.css so
 * legacy rules can be migrated incrementally without changing the cascade.
 */

:root {
  --header-height: 68px;
  --bg: #f6f5f1;
  --surface: #fffefe;
  --surface-2: #eeebe3;
  --ink: #171717;
  --muted: #5d625c;
  --line: #e4ded2;
  --accent: #b9974e;
  --accent-dark: #243e35;
  --accent-soft: #efe7d5;
  --rose: #e8bdc8;
  --amethyst: #8f72a8;
  --citrine: #b9974e;
  --obsidian: #24292d;
  --radius: 16px;
  --shadow: 0 14px 34px rgba(36, 62, 53, 0.12);

  --vl-fluid-gutter: clamp(0.75rem, 3vw, 2.5rem);
  --vl-fluid-section: clamp(2rem, 6vw, 5rem);
  --vl-fluid-gap: clamp(0.75rem, 2vw, 1.5rem);
  --vl-content-width: 72.5rem;
  --vl-reading-width: 72ch;
  --vl-proof-outline: rgba(118, 84, 99, 0.24);
  --vl-proof-divider: rgba(118, 84, 99, 0.22);

  --vl-font-display: Georgia, "Times New Roman", serif;
  --vl-font-body: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --vl-text-caption: 0.75rem;
  --vl-text-secondary: 0.875rem;
  --vl-text-body: 1rem;
  --vl-text-lead: 1.125rem;
  --vl-text-subheading: 1.25rem;
  --vl-text-section: clamp(1.875rem, 3.2vw, 2.875rem);
  --vl-text-display: clamp(2.25rem, 5vw, 4.75rem);
  --vl-leading-compact: 1.2;
  --vl-leading-heading: 1.12;
  --vl-leading-body: 1.6;
  --vl-tracking-display: -0.025em;
  --vl-tracking-label: 0.08em;
}