/* Artheon website V3 tokens: Graphite + Brass, green-tinted (var names kept from V2; values changed). Was V1's Evergreen palette, mightium.ai-style type and spacing.
   Brass (--accent) only on dark grounds; bronze (--accent-on-light) on light. */

@font-face { font-family: "Geist"; src: url("fonts/Geist-Light.woff2") format("woff2"); font-weight: 300; font-display: swap; }
@font-face { font-family: "Geist"; src: url("fonts/Geist-400.ttf") format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Geist"; src: url("fonts/Geist-500.ttf") format("truetype"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Geist"; src: url("fonts/Geist-600.ttf") format("truetype"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Geist Mono"; src: url("fonts/GeistMono-Regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Geist Mono"; src: url("fonts/GeistMono-Medium.woff2") format("woff2"); font-weight: 500; font-display: swap; }

:root {
  /* grounds (V1 Evergreen) */
  --pine: #141A18;
  --forest: #1C2421;
  --roast: #0F1412;
  --moss: #2A332F;
  --glow: #1F4636;
  --frost: #F4F2EE;
  --white: #FFFFFF;

  /* text */
  --ink: #141A18;
  --ink-soft: #343C38;
  --clay: #57605B;
  --sage: #A9AFA8;
  --on-dark: #FFFFFF;

  /* lines: mightium-style hairlines */
  --hairline: rgba(20, 26, 24, 0.10);
  --hairline-strong: rgba(20, 26, 24, 0.22);
  --hairline-dark: rgba(169, 175, 168, 0.16);
  --hairline-dark-strong: rgba(169, 175, 168, 0.32);
  --glass-dark: rgba(28, 36, 33, 0.55);
  --glass-light: rgba(255, 255, 255, 0.72);

  /* accent */
  --accent: #D6B36A;
  --accent-on-light: #7A5B14;

  /* type: light display weights, mono for labels */
  --font: "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "SF Mono", Consolas, monospace;
  --fs-display: clamp(2.9rem, 1.6rem + 5.6vw, 6.4rem);
  --fs-hero: clamp(2.3rem, 1.5rem + 3.2vw, 4.2rem);
  --fs-xl: clamp(2rem, 1.4rem + 2.6vw, 3.6rem);
  --fs-lg: clamp(1.75rem, 1.3rem + 1.8vw, 2.9rem);
  --fs-md: clamp(1.3rem, 1.1rem + 0.8vw, 1.8rem);
  --fs-lead: clamp(1.02rem, 0.95rem + 0.35vw, 1.2rem);
  --fs-body: 1rem;
  --fs-sm: 0.875rem;
  --fs-mono: 0.75rem;

  /* layout */
  --wrap: 1280px;
  --gutter: clamp(20px, 4vw, 56px);
  --sec-y: clamp(84px, 10vw, 152px);
  --radius: 18px;
  --radius-sm: 10px;
  --ease: cubic-bezier(.2, .7, .2, 1);
}