:root {
  --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", "JetBrains Mono Fallback", "SFMono-Regular", Menlo, Consolas, monospace;

  --background: #fcfcfd;
  --background-subtle: #f6f7f5;
  --surface: #ffffff;
  --surface-raised: #f4f5f2;
  --surface-hover: #eeefeb;
  --border: #e4e6e0;
  --border-strong: #d2d5cc;
  --text: #0d0f0c;
  --text-muted: #5b6058;
  --text-subtle: #696d66;
  --accent: #65a30d;
  --accent-text: #387a00;
  --accent-contrast: #0c1400;
  --accent-partner: #0d9488;
  --accent-strong: #33680a;
  --accent-strong-contrast: #ffffff;
  --brand: #65a30d;
  --brand-contrast: #0d0f0c;
  --accent-soft: rgb(101 163 13 / 0.1);
  --accent-border: rgb(101 163 13 / 0.34);
  --ring: rgb(101 163 13 / 0.45);
  --success: #15803d;
  --warning: #b45309;
  --danger: #dc2626;
  --info: #2563eb;
  --primary: #111310;
  --primary-contrast: #ffffff;
  --overlay: rgb(14 16 12 / 0.36);
  --grid-line: rgb(14 16 12 / 0.05);
  --glow: rgb(132 204 22 / 0.16);
  --shadow-small: 0 1px 2px rgb(14 16 12 / 0.06);
  --shadow-medium: 0 4px 16px -4px rgb(14 16 12 / 0.12), 0 1px 3px rgb(14 16 12 / 0.06);
  --shadow-large: 0 24px 64px -16px rgb(14 16 12 / 0.28), 0 2px 8px rgb(14 16 12 / 0.08);
  --highlight: inset 0 1px 0 rgb(255 255 255 / 0.6);
  --code-background: #f6f7f5;
  --code-text: #24272a;
  --code-keyword: #b3398c;
  --code-string: #1f7a4d;
  --code-number: #b35309;
  --code-comment: #696d66;
  --code-function: #2958c7;
  --code-type: #7c3aed;
  color-scheme: light;
  --accent-fill: #a3e635;
  --logo-dot: #a3e635;
  --ink: #111310;
  --element-n: #2f5bd3;
  --element-o: #d0312d;
  --element-s: #a07a00;
  --element-p: #d0660b;
  --element-f: #2f8a2f;
  --element-cl: #2f8a2f;
  --element-br: #9b2c1f;
  --element-i: #7a2fb3;
  --element-b: #c46a5a;
  --element-si: #8a6d3b;
  --element-se: #b0690c;
  --element-metal: #6b5bc4;
  --element-other: #4a6b73;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --background: #08090a;
    --background-subtle: #0c0d0e;
    --surface: #111312;
    --surface-raised: #161817;
    --surface-hover: #1c1e1d;
    --border: #212422;
    --border-strong: #2d312e;
    --text: #f4f6f3;
    --text-muted: #9aa097;
    --text-subtle: #81867f;
    --accent: #a3e635;
    --accent-text: #bef264;
    --accent-contrast: #0c1400;
    --accent-partner: #5eead4;
    --accent-strong: #a3e635;
    --accent-strong-contrast: #0c1400;
    --brand: #a3e635;
    --brand-contrast: #090909;
    --accent-soft: rgb(163 230 53 / 0.1);
    --accent-border: rgb(163 230 53 / 0.3);
    --ring: rgb(163 230 53 / 0.5);
    --success: #4ade80;
    --warning: #fbbf24;
    --danger: #f87171;
    --info: #7aa2ff;
    --primary: #f4f6f3;
    --primary-contrast: #0b0c0b;
    --overlay: rgb(0 0 0 / 0.6);
    --grid-line: rgb(255 255 255 / 0.035);
    --glow: rgb(163 230 53 / 0.11);
    --shadow-small: 0 1px 2px rgb(0 0 0 / 0.4);
    --shadow-medium: 0 8px 24px -8px rgb(0 0 0 / 0.6), 0 1px 3px rgb(0 0 0 / 0.4);
    --shadow-large: 0 32px 80px -16px rgb(0 0 0 / 0.75), 0 2px 10px rgb(0 0 0 / 0.5);
    --highlight: inset 0 1px 0 rgb(255 255 255 / 0.04);
    --code-background: #0e0f0f;
    --code-text: #d7dad6;
    --code-keyword: #ff7ab2;
    --code-string: #7ee2a8;
    --code-number: #ffb86b;
    --code-comment: #81867f;
    --code-function: #82aaff;
    --code-type: #c3a6ff;
    color-scheme: dark;
    --accent-fill: #a3e635;
    --logo-dot: #65a30d;
    --ink: #e9ece7;
    --element-n: #7ea2ff;
    --element-o: #ff7b72;
    --element-s: #e3c14a;
    --element-p: #ffa057;
    --element-f: #7ddc7d;
    --element-cl: #7ddc7d;
    --element-br: #e58a78;
    --element-i: #c792ff;
    --element-b: #f0a898;
    --element-si: #d6b98a;
    --element-se: #f0a347;
    --element-metal: #a99cf5;
    --element-other: #8fb7c0;
  }
}

:root[data-theme="dark"] {
  --background: #08090a;
  --background-subtle: #0c0d0e;
  --surface: #111312;
  --surface-raised: #161817;
  --surface-hover: #1c1e1d;
  --border: #212422;
  --border-strong: #2d312e;
  --text: #f4f6f3;
  --text-muted: #9aa097;
  --text-subtle: #81867f;
  --accent: #a3e635;
  --accent-text: #bef264;
  --accent-contrast: #0c1400;
  --accent-partner: #5eead4;
  --accent-strong: #a3e635;
  --accent-strong-contrast: #0c1400;
  --brand: #a3e635;
  --brand-contrast: #090909;
  --accent-soft: rgb(163 230 53 / 0.1);
  --accent-border: rgb(163 230 53 / 0.3);
  --ring: rgb(163 230 53 / 0.5);
  --success: #4ade80;
  --warning: #fbbf24;
  --danger: #f87171;
  --info: #7aa2ff;
  --primary: #f4f6f3;
  --primary-contrast: #0b0c0b;
  --overlay: rgb(0 0 0 / 0.6);
  --grid-line: rgb(255 255 255 / 0.035);
  --glow: rgb(163 230 53 / 0.11);
  --shadow-small: 0 1px 2px rgb(0 0 0 / 0.4);
  --shadow-medium: 0 8px 24px -8px rgb(0 0 0 / 0.6), 0 1px 3px rgb(0 0 0 / 0.4);
  --shadow-large: 0 32px 80px -16px rgb(0 0 0 / 0.75), 0 2px 10px rgb(0 0 0 / 0.5);
  --highlight: inset 0 1px 0 rgb(255 255 255 / 0.04);
  --code-background: #0e0f0f;
  --code-text: #d7dad6;
  --code-keyword: #ff7ab2;
  --code-string: #7ee2a8;
  --code-number: #ffb86b;
  --code-comment: #81867f;
  --code-function: #82aaff;
  --code-type: #c3a6ff;
  color-scheme: dark;
  --accent-fill: #a3e635;
  --logo-dot: #65a30d;
  --ink: #e9ece7;
  --element-n: #7ea2ff;
  --element-o: #ff7b72;
  --element-s: #e3c14a;
  --element-p: #ffa057;
  --element-f: #7ddc7d;
  --element-cl: #7ddc7d;
  --element-br: #e58a78;
  --element-i: #c792ff;
  --element-b: #f0a898;
  --element-si: #d6b98a;
  --element-se: #f0a347;
  --element-metal: #a99cf5;
  --element-other: #8fb7c0;
}