/* Asolea identity: all shared values live here. */
@font-face {
  font-family: Geist;
  src: url('/assets/fonts/geist-variable.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
:root {
  color-scheme: light;
  --font: Geist, ui-sans-serif, -apple-system, 'Segoe UI', sans-serif;
  --color-paper: #f6f7f4;
  --color-surface: #ffffff;
  --color-ink: #0e1b17;
  --color-muted: #56665f;
  --color-line: #dfe4de;
  --color-accent: #0b7a57;
  --color-accent-bright: #3ddc9c;
  --color-sun: #f5cf6b;
  --color-soft: #e9efe9;
  --color-night: #0b1613;
  --color-inverse: #f7f9f6;
  --color-danger: #a63c2c;
  --color-warning: #8a5d10;
  --color-chart: #0b7a57;
  --ink: var(--color-ink);
  --muted: var(--color-muted);
  --paper: var(--color-paper);
  --line: var(--color-line);
  --accent: var(--color-accent);
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --space-9: 6rem;
  --section-gap: clamp(4.5rem, 11vw, 9rem);
  --text-caption: .8125rem;
  --text-small: .9375rem;
  --text-body: 1.0625rem;
  --text-lead: clamp(1.25rem, 2.1vw, 1.625rem);
  --text-section: clamp(2rem, 4.6vw, 3.75rem);
  --text-title: clamp(2.75rem, 7.4vw, 6.5rem);
  --radius-control: .875rem;
  --radius-panel: 1.75rem;
  --radius-pill: 999px;
  --page-gutter: clamp(1.25rem, 5vw, 5rem);
  --page-width: 80rem;
  --reading-width: 42rem;
  --header-height: 4rem;
  --ease-out: cubic-bezier(.16,1,.3,1);
  --ease-spring: cubic-bezier(.32,.72,0,1);
  --duration-fast: 200ms;
  --duration-normal: 450ms;
  --duration-slow: 1100ms;
  --layer-content: 1;
  --layer-subnav: 20;
  --layer-header: 30;
  --layer-skip: 40;
}
/* Light text on photography and night surfaces. */
[data-theme='landscape'] {
  color-scheme: dark;
  --ink: var(--color-inverse);
  --muted: #d5ded9;
  --line: #ffffff3d;
  --control-fill: #ffffff1a;
  --control-hover: #ffffff2e;
  --control-border: #ffffff66;
  --control-ink: var(--color-inverse);
  color: var(--ink);
}