/* CORMELIA GROUP LTD. - design tokens, "Hearth after dark". Source of intent: docs/brand.md. Only these variables are used in CSS. */
@font-face { font-family: "Archivo"; font-style: normal; font-weight: 100 900; font-stretch: 62% 125%; font-display: swap; src: url("../fonts/archivo-var-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Onest"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("../fonts/onest-var-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Geist Mono"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("../fonts/geist-mono-var-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* metric-matched fallbacks so the swap does not shift layout */
@font-face { font-family: "Archivo Fallback"; src: local("Arial"); size-adjust: 97%; ascent-override: 92%; descent-override: 22%; line-gap-override: 0%; }
@font-face { font-family: "Onest Fallback"; src: local("Arial"); size-adjust: 101%; ascent-override: 98%; descent-override: 26%; line-gap-override: 0%; }

@property --charge { syntax: '<angle>'; inherits: false; initial-value: 0deg; }

:root {
  color-scheme: light;

  /* dark ground: soot */
  --soot-950: #120C0A;
  --soot-900: #1C1411;
  --soot-800: #291D19;
  --soot-700: #3A2A24;
  --oxblood: #4A1610;

  /* light ground: stone */
  --stone: #F3EEE7;
  --sand: #E6DCD0;
  --bone: #FFFCF8;

  /* accent: ember */
  --ember: #FF5A36;
  --ember-soft: #FFA184;
  --ember-deep: #A3301A;
  --copper: #C9784E;
  --apricot: #FFC7A6;
  --on-ember: #1A0A05;

  /* text and status */
  --ink: #1A1210;
  --ink-2: #5C4B43;
  --text: #F5EEE7;
  --text-2: #BCAAA0;
  --ok: #196B42;
  --ok-dark: #8DDBAE;
  --err: #A3123A;
  --err-dark: #FF9FB4;
  --line-dark: rgb(245 238 231 / .14);
  --line-light: rgb(26 18 16 / .14);

  /* materials */
  --grad-thermal: radial-gradient(60% 80% at 78% 88%, var(--apricot) 0, var(--ember) 18%, transparent 56%), radial-gradient(90% 100% at 70% 100%, var(--oxblood) 0, transparent 70%), var(--soot-950);
  --grad-copper: linear-gradient(115deg, #7A3A22, #C9784E 40%, #FFC7A6 55%, #C9784E 70%, #5A2416);
  --grad-ember-btn: linear-gradient(180deg, #FF6E4E, #FF5A36 55%, #E8461F);
  --shadow-1: 0 1px 0 rgb(255 255 255 / .05) inset, 0 8px 24px -12px rgb(18 12 10 / .5);
  --shadow-2: 0 30px 60px -30px rgb(74 22 16 / .55);
  --glow-ember: 0 0 0 1px rgb(255 90 54 / .5), 0 0 32px -6px rgb(255 90 54 / .55);
  --bezel-dark: 0 0 0 1px var(--line-dark), inset 0 0 0 1px rgb(255 255 255 / .06);
  --bezel-light: 0 0 0 1px var(--line-light), inset 0 1px 0 #fff;
  --grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E");

  /* type */
  --f-display: "Archivo", "Archivo Fallback", "Arial Narrow", Arial, sans-serif;
  --f-text: "Onest", "Onest Fallback", system-ui, "Segoe UI", sans-serif;
  --f-mono: "Geist Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --step--1: 0.8125rem;
  --step-0: clamp(1rem, .96rem + .2vw, 1.125rem);
  --step-1: clamp(1.25rem, 1.1rem + .6vw, 1.6875rem);
  --step-2: clamp(1.6rem, 1.3rem + 1.4vw, 2.53rem);
  --step-3: clamp(2rem, 1.4rem + 2.8vw, 3.8rem);
  --step-4: clamp(2.6rem, 1.5rem + 5vw, 5.7rem);
  --step-5: clamp(3.2rem, 1.2rem + 9vw, 8.5rem);

  /* space (4/8 scale) */
  --s1: .25rem; --s2: .5rem; --s3: .75rem; --s4: 1rem; --s5: 1.5rem; --s6: 2rem; --s7: 3rem; --s8: 4rem; --s9: 6rem; --s10: 9rem;
  --section: clamp(3.5rem, 2rem + 6vw, 9rem);
  --container: 1320px;
  --gutter: clamp(1rem, .6rem + 1.4vw, 1.5rem);

  /* geometry */
  --r-xs: 4px; --r-sm: 10px; --r-md: 18px; --r-sheet: 32px;

  /* motion */
  --ease: cubic-bezier(.2, .7, .1, 1);
  --t-fast: 160ms; --t-ui: 260ms; --t-slow: 700ms;

  /* shell metrics (set by core.css, read by pages) */
  --util-h: 36px;
  --mast-h: 72px;
  --head-h: calc(var(--util-h) + var(--mast-h));
}
@media (max-width: 959px) { :root { --util-h: 0px; --mast-h: 64px; } }