/* Hallmark - macrostructure: Split Studio - tone: botanical precision - anchor hue: lily-green
 * wireframe: faithful - theme: custom - vibe: "botanical infrastructure, calm landing pads"
 * contrast: pass - honest: pass - chrome: pass - tokens: pass
 */
@font-face {
  font-family: "Dubbo FREE";
  src: url("./assets/fonts/dubbo-free.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("./assets/fonts/PlusJakartaSans-VariableFont_wght.woff2") format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

:root {
  color-scheme: light;

  --font-display: "Dubbo FREE", Georgia, serif;
  --font-body: "Plus Jakarta Sans", Inter, system-ui, sans-serif;

  --color-deep: #2c6e49;
  --color-leaf: #55aa78;
  --color-title: #63c989;
  --color-cream: #fefee3;
  --color-blush: #f9b8c4;
  --color-clay: #f0a650;
  --color-water: #63c8bd;
  --color-mint: #a4df98;
  --color-berry: #d94f83;
  --color-gold: #f2b64f;
  --color-page-bg: #f7f6dc;
  --color-paper: var(--color-cream);
  --color-paper-panel: #fffbe7;
  --color-paper-raised: #fffef2;
  --color-paper-warm: #fff7df;
  --color-paper-soft: #fbf8d0;
  --color-cream-on-dark: #f6efd9;
  --color-ink: #173c28;
  --color-ink-soft: #315e43;
  --color-muted: #5c7a63;
  --color-line: color-mix(in srgb, var(--color-deep) 28%, var(--color-cream));
  --color-line-strong: var(--color-deep);
  --color-panel: var(--color-paper-panel);
  --color-panel-raised: var(--color-paper-raised);
  --color-work-card: #fffef2;
  --color-work-card-text: #173c28;
  --color-pricing-bg: color-mix(in srgb, var(--color-blush) 48%, var(--color-cream));
  --color-night: #0e332a;
  --color-night-2: #0b3d25;
  --color-night-3: #195a3b;
  --color-plum: #4a1a2f;
  --color-night-line: #4c956c;
  --color-accent: var(--color-title);
  --color-accent-soft: color-mix(in srgb, var(--color-leaf) 22%, var(--color-cream));
  --color-accent-deep: var(--color-deep);
  --color-pink: var(--color-blush);
  --color-pink-soft: color-mix(in srgb, var(--color-blush) 58%, white);
  --color-flower: color-mix(in srgb, var(--color-clay) 18%, var(--color-cream));
  --color-focus: var(--color-clay);
  --color-shadow: rgb(44 110 73 / 0.22);
  --color-glow: rgb(99 201 137 / 0.28);

  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;
  --space-4xl: 5.5rem;
  --space-5xl: 7rem;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-md: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.35rem;
  --text-2xl: clamp(1.9rem, 4vw, 3rem);
  --text-3xl: clamp(2.6rem, 5.8vw, 4.9rem);
  --text-display: clamp(4.7rem, 13vw, 10.9rem);

  --line-tight: 0.9;
  --line-heading: 1.05;
  --line-body: 1.65;

  --radius-xs: 0.375rem;
  --radius-sm: 0.55rem;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;
  --radius-pill: 999px;

  --rule-hair: 1px;
  --rule-medium: 2px;
  --rule-heavy: 3px;

  --dur-fast: 150ms;
  --dur-base: 240ms;
  --dur-slow: 520ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

  --container: 86rem;
  --gutter: clamp(1.25rem, 3vw, 3.5rem);
  --nav-height: 5.25rem;
}