/**
 * Velora design tokens — single source of truth
 * Loaded by Home (vl-body) and inner pages (vl-shell).
 * Thesis: Luminous Architectural Elegance
 */
:root {
  /* Surfaces */
  --velora-bg: var(--im-design-background, #FAF8F4);
  --velora-surface: #FFFFFF;
  --velora-mist: #F0EDE6;

  /* Brand */
  --velora-primary: var(--im-design-primary, #243028);
  --velora-primary-deep: #1A221C;
  --velora-secondary: var(--im-design-secondary, #8A857C);
  --velora-accent: var(--im-design-accent, #B8956C);
  --velora-text: var(--im-design-text, #141614);
  --velora-muted: #6E6B64;
  --velora-border: #E4E0D8;
  --velora-dark: #141614;
  --velora-on-primary: #FAF8F4;
  --velora-on-dark: #F0EDE6;
  --velora-card-ink: #2A2622;

  /* Geometry */
  --velora-radius: 2px;
  --velora-radius-sm: 2px;
  --velora-shadow: 0 14px 40px rgba(20, 22, 20, 0.08);
  --velora-shadow-soft: 0 6px 20px rgba(20, 22, 20, 0.05);

  /* Layout */
  --velora-container-max: 1240px;
  --velora-gutter: clamp(1.25rem, 3vw, 2.5rem);
  --velora-space-xs: 0.4rem;
  --velora-space-sm: 0.65rem;
  --velora-space-md: 1.15rem;
  --velora-space-lg: 1.85rem;
  --velora-space-xl: clamp(4.25rem, 9vw, 7.25rem);

  /* Type — honor Theme Studio published stacks when present */
  --velora-font-display: var(--im-design-font-heading, "Instrument Serif", Georgia, "Times New Roman", serif);
  --velora-font-body: var(--im-design-font-body, "Manrope", system-ui, sans-serif);

  /* Motion */
  --velora-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --velora-hero-overlay: var(--im-design-hero-overlay, rgba(20, 22, 20, 0.38));

  /* Legacy / rebuild aliases */
  --vl-bg: var(--velora-bg);
  --vl-surface: var(--velora-surface);
  --vl-ink: var(--velora-text);
  --vl-muted: var(--velora-muted);
  --vl-primary: var(--velora-primary);
  --vl-secondary: var(--velora-dark);
  --vl-accent: var(--velora-accent);
  --vl-line: var(--velora-border);
  --vl-font-heading: var(--velora-font-display);
  --vl-font-body: var(--velora-font-body);
  --vl-radius-btn: var(--im-design-btn-radius, var(--velora-radius));
  --vl-radius-card: var(--im-design-card-radius, var(--velora-radius));
  --vl-shadow-card: var(--im-design-card-shadow, var(--velora-shadow));
  --vl-shadow-soft: var(--velora-shadow-soft);
  --vl-hero-overlay: var(--velora-hero-overlay);
  --vl-max: var(--velora-container-max);
  --vl-gutter: var(--velora-gutter);
  --vl-section-y: var(--velora-space-xl);
  --vl-ease: var(--velora-ease);
}