/* SPDX-License-Identifier: GPL-3.0-or-later */
:root {
  --font-sans: Inter, "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Consolas, monospace;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-full: 999px;
  --bg: #f6f6f4;
  --surface: #ffffff;
  --surface-raised: #fbfbfa;
  --surface-sunken: #efefec;
  --border: #e2e2de;
  --border-strong: #8a8c90;
  --ink: #1b1c1e;
  --ink-2: #45474b;
  --ink-3: #64666b;
  --accent: #0d1d2c;
  --accent-hover: #1f3a56;
  --accent-subtle: #e8edf3;
  --on-accent: #ffffff;
  --success: #1d7346;
  --success-subtle: #e7f4ec;
  --danger: #b42318;
  --danger-subtle: #fdeceb;
  --warning: #8a5300;
  --warning-subtle: #fdf3e1;
  --neutral-subtle: #ededea;
  --highlight: #fff1a8;
  --overlay: rgba(15, 16, 18, 0.48);
  --focus-ring: #2e8af0;
  --shadow-sm: 0 1px 2px rgba(16, 17, 19, 0.06);
  --shadow-lg: 0 8px 24px rgba(16, 17, 19, 0.12);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #121314;
    --surface: #1a1b1d;
    --surface-raised: #222326;
    --surface-sunken: #0d0e0f;
    --border: #2e3033;
    --border-strong: #6b6e74;
    --ink: #ececea;
    --ink-2: #c2c3c0;
    --ink-3: #9a9c9f;
    --accent: #439efd;
    --accent-hover: #7ab9fe;
    --accent-subtle: #12263d;
    --on-accent: #0d1d2c;
    --success: #5cc48f;
    --success-subtle: #14271d;
    --danger: #ff8a7a;
    --danger-subtle: #2e1614;
    --warning: #f0b54a;
    --warning-subtle: #2b2110;
    --neutral-subtle: #2a2b2e;
    --highlight: #5a4a00;
    --overlay: rgba(0, 0, 0, 0.6);
    --focus-ring: #439efd;
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.5);
  }
}

:root[data-theme="dark"] {
  --bg: #121314;
  --surface: #1a1b1d;
  --surface-raised: #222326;
  --surface-sunken: #0d0e0f;
  --border: #2e3033;
  --border-strong: #6b6e74;
  --ink: #ececea;
  --ink-2: #c2c3c0;
  --ink-3: #9a9c9f;
  --accent: #439efd;
  --accent-hover: #7ab9fe;
  --accent-subtle: #12263d;
  --on-accent: #0d1d2c;
  --success: #5cc48f;
  --success-subtle: #14271d;
  --danger: #ff8a7a;
  --danger-subtle: #2e1614;
  --warning: #f0b54a;
  --warning-subtle: #2b2110;
  --neutral-subtle: #2a2b2e;
  --highlight: #5a4a00;
  --overlay: rgba(0, 0, 0, 0.6);
  --focus-ring: #439efd;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.5);
}

@font-face {
  font-family: Inter;
  src: url("/theme/assets/inter-latin-wght-normal.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: JetBrains Mono;
  src: url("/theme/assets/jetbrains-mono-latin-wght-normal.woff2") format("woff2");
  font-weight: 100 800;
  font-style: normal;
  font-display: swap;
}