@import url("./fonts.css?v=1");

:root {
  color-scheme: light;

  --color-canvas: #fcf8f2;
  --color-surface: #f2f1ed;
  --color-surface-hover: #e9e6e0;
  --color-elevated: #ffffff;
  --color-ink: #171715;
  --color-ink-secondary: #4c4944;
  --color-ink-muted: #6d6962;
  --color-border: #d8d3cb;
  --color-border-subtle: #e7e3dc;
  --color-border-strong: #b9b1a7;
  --color-accent-brand: #4c4944;
  --color-accent-brand-hover: #171715;
  --color-accent: #6d6962;
  --color-accent-hover: #171715;
  --color-accent-soft: #e9e6e0;
  --color-focus: #171715;

  /* Dedicated light footer surface keeps the page contrast calm and open. */
  --color-footer-canvas: var(--color-surface);
  --color-footer-ink: var(--color-ink);
  --color-footer-ink-secondary: var(--color-ink-secondary);
  --color-footer-ink-muted: var(--color-ink-muted);
  --color-footer-border: var(--color-border);

  --color-inverse-canvas: #171715;
  --color-inverse-surface: #211f1d;
  --color-inverse-ink: #f8f7f3;
  --color-inverse-ink-secondary: #d1ccc4;
  --color-inverse-ink-muted: #b1aaa0;
  --color-inverse-elevated: #262320;
  --color-inverse-border: #423e39;
  --color-inverse-border-subtle: #312e2a;
  --color-inverse-border-strong: #5b554e;
  --color-inverse-accent: #d5a69b;
  --color-inverse-accent-soft: #3a302a;
  --color-inverse-focus: #d5a69b;

  --hero-overlay-top: rgba(23, 23, 21, 0.22);
  --hero-overlay-bottom: rgba(23, 23, 21, 0.78);

  --font-serif: "Cormorant Garamond", Georgia, serif;
  --font-sans: "Manrope", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --text-display: clamp(2.85rem, 1.15rem + 6.75vw, 6.5rem);
  --text-h1: clamp(2.35rem, 1.15rem + 4.25vw, 4.25rem);
  --text-h2: clamp(1.8rem, 1.15rem + 2.4vw, 3rem);
  --text-h3: clamp(1.35rem, 1.1rem + 1.05vw, 2rem);
  --text-h4: clamp(1.125rem, 1.05rem + 0.4vw, 1.375rem);
  --text-body-lg: clamp(1.0625rem, 1rem + 0.35vw, 1.25rem);
  --text-body: clamp(1rem, 0.95rem + 0.25vw, 1.0625rem);
  --text-body-sm: 0.9375rem;
  --text-caption: 0.875rem;
  --text-label-sm: 0.75rem;
  --text-label: 0.8125rem;
  --text-label-lg: 0.875rem;

  --container-standard: 75rem;
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --section-space: clamp(4.5rem, 9vw, 9rem);
  --section-space-compact: clamp(2.75rem, 5.5vw, 5rem);
  --section-space-landing: clamp(4.5rem, 8vw, 7.5rem);
  --content-block-space: clamp(2rem, 4vw, 3.5rem);
  --stack-space: clamp(1rem, 2vw, 1.5rem);
  --card-space: clamp(1.25rem, 2.5vw, 2rem);
  --phone-media-ratio: 9 / 19.5;
  --touch-target: 2.75rem;
  --header-height: 5rem;
  --mobile-header-height: 4rem;
  --brand-mark-size: 2.125rem;
  --brand-mark-size-mobile: 1.875rem;
  --brand-mark-gap: 0.65rem;

  --radius-sm: 6px;
  --radius-md: 4px;

  --ease-editorial: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-reveal: cubic-bezier(0.32, 0, 0.68, 1);
  --transition-fast: 180ms var(--ease-editorial);
  --transition-base: 320ms var(--ease-editorial);
  --transition-slow: 520ms var(--ease-editorial);
  --motion-reveal-duration: 500ms;
  --motion-reveal-distance: 0.125rem;
  --motion-stagger-step: 80ms;
  --motion-control-duration: 500ms;
  --motion-menu-duration: 500ms;
  --motion-modal-duration: 500ms;
  --motion-modal-distance: 0.125rem;

  /* Compatibility aliases for the existing static pages. */
  --ink: var(--color-ink);
  --muted: var(--color-ink-muted);
  --paper: var(--color-surface);
  --card: var(--color-elevated);
  --accent: var(--color-accent);
  --line: var(--color-border);
}