/* ==========================================================================
   Katharsis — design tokens
   --------------------------------------------------------------------------
   Mirrors Aletheia's "native" skin, the look the whole Katharsis estate wears
   (Sdk.Frontend/packages/tokens/src/lib/skins/native.css and the authentik
   brand in Deployment/authentik/brand.yaml): gold #c4a24f on warm white, or
   on forge-black, with no corners at all.

   The values are COPIED, not imported. This site has no build step and must
   render without the npm registry, so the skin lives here in full. Change a
   colour in Aletheia and change it here too — that is the price of a static
   site, and it is cheaper than a broken page.
   ========================================================================== */

/* ── Fonts: self-hosted. ───────────────────────────────────────────────────
   Cormorant Garamond (display) and Inter (body) are served from this origin.
   Hotlinking Google Fonts was ruled unlawful in Germany (LG München I, 2022),
   and a company homepage is precisely where that ruling applies. Both files
   are the variable fonts Google serves for every weight, subset to latin and
   latin-ext — 208 KB in total, no third-party request at runtime. */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url('../assets/fonts/cormorant-garamond-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: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url('../assets/fonts/cormorant-garamond-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../assets/fonts/inter-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: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../assets/fonts/inter-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* ── Palette — light (gold on warm white) ──────────────────────────────── */
:root {
  --brand-gold: #c4a24f;
  --brand-gold-light: #d4b55f;

  --background: #faf8f3;
  --foreground: #1a1a1a;
  --card: #ffffff;
  --card-foreground: #1a1a1a;
  --popover: #ffffff;
  --popover-foreground: #1a1a1a;
  --primary: #c4a24f;
  --primary-foreground: #1a1a1a;
  --secondary: #f1ede4;
  --secondary-foreground: #1a1a1a;
  --muted: #f1ede4;
  --muted-foreground: #6b665e;
  --accent: #f1ede4;
  --accent-foreground: #1a1a1a;
  --destructive: #b3403a;
  --destructive-foreground: #fff5f3;
  --border: #e2dccd;
  --input: #e2dccd;
  --ring: #c4a24f;

  /* The native skin is square (Lyra-style): every radius is zero. */
  --radius: 0px;
  --radius-sm: 0px;
  --radius-md: 0px;
  --radius-lg: 0px;

  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, monospace;

  color-scheme: light;
}

/* ── Palette — dark (gold on forge-black) ──────────────────────────────── */
.dark {
  --background: #141414;
  --foreground: #f0ede8;
  --card: #1a1a1a;
  --card-foreground: #f0ede8;
  --popover: #222222;
  --popover-foreground: #f0ede8;
  --primary: #c4a24f;
  --primary-foreground: #1a1a1a;
  --secondary: #2a2a2a;
  --secondary-foreground: #f0ede8;
  --muted: #2a2a2a;
  --muted-foreground: #9a9590;
  --accent: #2a2a2a;
  --accent-foreground: #f0ede8;
  --destructive: #d96860;
  --destructive-foreground: #1a0d0c;
  --border: rgba(196, 162, 79, 0.18);
  --input: rgba(255, 255, 255, 0.1);
  --ring: #c4a24f;

  color-scheme: dark;
}

/* ── Base reset — token-agnostic, identical to @rennnyyy/aletheia-tokens ── */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--font-body);
  font-size: 14px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: var(--background);
  color: var(--foreground);
}

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
::-webkit-scrollbar-track {
  background: var(--muted);
}
::-webkit-scrollbar-thumb {
  background: var(--muted-foreground);
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--brand-gold);
}