/* Angstrom design tokens (Brand Kit 2.0, C:\.angstrom\brand\06_Web_and_UI\Tokens): colours, type, radius, shadows, motion, spacing.
   Light by default; dark with data-theme="dark" on <html>. Fonts are the kit's Web_WOFF2 files (SIL Open Font License). */
@font-face { font-family: "Inter"; src: url("../assets/fonts/inter-regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url("../assets/fonts/inter-medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url("../assets/fonts/inter-semibold.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url("../assets/fonts/inter-bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Barlow"; src: url("../assets/fonts/barlow-semibold.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Barlow"; src: url("../assets/fonts/barlow-bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Barlow Semi Condensed"; src: url("../assets/fonts/barlowsemicondensed-semibold.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("../assets/fonts/jetbrainsmono-regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }

:root {
  color-scheme: light;
  --bg: #F4F6F8;          /* Paper */
  --surface: #ffffff;
  --surface-2: #f8f9fb;
  --sidebar: #eef1f4;
  --hover: rgba(6, 9, 13, .045);
  --hover-2: rgba(6, 9, 13, .08);
  --line: #E6EAEF;        /* Mist */
  --line-2: #eef1f4;
  --input-line: #cfd5dc;
  --ink: #0f141b;
  --ink-2: #2C3847;       /* Slate */
  --ink-3: #5f6a77;
  --ink-4: #646e7a;       /* 4.5:1 or better on every light surface */

  --accent: #C00000;      /* Angstrom Red */
  --accent-ink: #ffffff;
  --accent-hover: #99181D; /* Deep Red */
  --accent-soft: #fbeaea;
  --accent-soft-ink: #99181D;
  --link: #99181D;
  --focus: rgba(192, 0, 0, .28);
  --focus-ring: #99181D;  /* Deep Red: solid focus outline, 7.7:1 on Paper */
  --brand-font: "Barlow", "Bahnschrift", "Segoe UI", Arial, sans-serif;
  --label-font: "Barlow Semi Condensed", "Bahnschrift SemiCondensed", "Arial Narrow", sans-serif;

  --blue: #2f5f8f;   --blue-50: #edf3f9;   --blue-line: #c9d9ea;   --blue-text: #1f3f61;
  --red: #b42318;    --red-50: #fdecec;    --red-line: #f1c4c4;    --red-text: #7f1d1d;
  --amber: #b45309;  --amber-50: #fff4e0;  --amber-line: #f2d39b;  --amber-text: #6b3d00;
  --green: #1e7a46;  --green-50: #e7f5ec;  --green-line: #b7dfc6;  --green-text: #14532d;

  --radius: 10px;
  --radius-sm: 7px;
  --shadow-xs: 0 1px 2px rgba(16, 24, 40, .05);
  --shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 1px 3px rgba(16, 24, 40, .06);
  --shadow-lg: 0 24px 48px -12px rgba(16, 24, 40, .22), 0 0 0 1px rgba(16, 24, 40, .05);
  --font: "Inter", "Segoe UI Variable Text", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Arial, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", SFMono-Regular, Consolas, "Liberation Mono", monospace;
  --sidebar-w: 248px;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #06090D;          /* Night */
  --surface: #131B26;     /* Midnight */
  --surface-2: #18212e;
  --sidebar: #0a0f15;
  --hover: rgba(255, 255, 255, .05);
  --hover-2: rgba(255, 255, 255, .09);
  --line: #2B3540;        /* Steel */
  --line-2: #1c2531;
  --input-line: #3a4654;
  --ink: #F4F6F8;
  --ink-2: #C3C8CE;       /* Silver */
  --ink-3: #8f98a3;
  --ink-4: #8a939e;       /* 4.5:1 or better on every dark surface */

  --accent: #C00000;
  --accent-ink: #ffffff;
  --accent-hover: #D61F1F;
  --accent-soft: rgba(152, 184, 217, .14);
  --accent-soft-ink: #98B8D9; /* Sky Blue */
  --link: #98B8D9;
  --focus: rgba(152, 184, 217, .4);
  --focus-ring: #98B8D9;  /* Sky Blue: solid focus outline, 8.4:1 on Midnight */

  --blue: #98B8D9;   --blue-50: rgba(152, 184, 217, .13);  --blue-line: rgba(152, 184, 217, .35);  --blue-text: #cfe0f1;
  --red: #f07171;    --red-50: rgba(240, 113, 113, .13);   --red-line: rgba(240, 113, 113, .35);   --red-text: #f9c0c0;
  --amber: #f0a64a;  --amber-50: rgba(240, 166, 74, .13);  --amber-line: rgba(240, 166, 74, .35);  --amber-text: #f8d5a6;
  --green: #4cc184;  --green-50: rgba(76, 193, 132, .13);  --green-line: rgba(76, 193, 132, .35);  --green-text: #b4ead0;

  --shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);
  --shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 0 0 1px rgba(255, 255, 255, .01);
  --shadow-lg: 0 24px 48px -12px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 255, 255, .06);
}

/* ---- Brand primitives (v2.0) ---- */
:root {
  --ang-red: #C00000; --ang-deep-red: #99181D; --ang-oxblood: #660F12; --ang-glint: #F04545;
  --ang-night: #06090D; --ang-midnight: #131B26; --ang-steel: #2B3540; --ang-slate: #2C3847;
  --ang-alloy: #7D8590; --ang-silver: #C3C8CE; --ang-mist: #E6EAEF; --ang-paper: #F4F6F8; --ang-sky: #98B8D9;
  --ang-slant: 24.5deg;              /* the angle of the bar: use for slashes, skewed tabs, dividers */
  --ang-skew: 24.5deg;               /* transform: skewX(var(--ang-skew)) gives the bar lean (top-left to bottom-right) */
  --ang-ease: cubic-bezier(.2, .7, .1, 1);
  --ang-ease-out: cubic-bezier(.16, 1, .3, 1);
  --ang-dur-1: 120ms; --ang-dur-2: 200ms; --ang-dur-3: 360ms; --ang-dur-4: 640ms;
  --ang-space-1: 4px; --ang-space-2: 8px; --ang-space-3: 12px; --ang-space-4: 16px; --ang-space-5: 24px;
  --ang-space-6: 32px; --ang-space-7: 48px; --ang-space-8: 64px; --ang-space-9: 96px;
  --ang-text-xs: 12px; --ang-text-sm: 13px; --ang-text-md: 15px; --ang-text-lg: 17px;
  --ang-h6: 14px; --ang-h5: 16px; --ang-h4: 20px; --ang-h3: 26px; --ang-h2: 34px; --ang-h1: 46px; --ang-display: 64px;
  --ang-label-track: .16em; --ang-head-track: .01em; --ang-word-track: .075em;
  --ang-z-nav: 100; --ang-z-overlay: 900; --ang-z-toast: 1000;
}