/* JECC Markdown Viewer — fonts and theme tokens (§9). */

@font-face { font-family: "Tinos"; src: url("../fonts/Tinos-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Tinos"; src: url("../fonts/Tinos-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Tinos"; src: url("../fonts/Tinos-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Tinos"; src: url("../fonts/Tinos-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; }
@font-face { font-family: "Noto Serif Malayalam"; src: url("../fonts/NotoSerifMalayalam-Regular.ttf") format("truetype"); font-weight: 400; font-display: swap; unicode-range: U+0D00-0D7F, U+200C-200D, U+25CC; }
@font-face { font-family: "Noto Serif Malayalam"; src: url("../fonts/NotoSerifMalayalam-Bold.ttf") format("truetype"); font-weight: 700; font-display: swap; unicode-range: U+0D00-0D7F, U+200C-200D, U+25CC; }
@font-face { font-family: "Noto Sans Malayalam"; src: url("../fonts/NotoSansMalayalam-Regular.ttf") format("truetype"); font-weight: 400; font-display: swap; unicode-range: U+0D00-0D7F, U+200C-200D, U+25CC; }
@font-face { font-family: "Noto Sans Malayalam"; src: url("../fonts/NotoSansMalayalam-Bold.ttf") format("truetype"); font-weight: 700; font-display: swap; unicode-range: U+0D00-0D7F, U+200C-200D, U+25CC; }

:root {
  --navy: #0B2545;
  --gold: #C9A227;
  --bg: #FFFFFF;
  --surface: #F7F8FA;
  --surface-2: #EEF1F5;
  --text: #1B1B1B;
  --text-muted: #5A6372;
  --border: #D5DAE1;
  --zebra: #F3F5F8;
  --accent: var(--navy);
  --accent-text: #FFFFFF;
  --link: #1A4F8B;
  --heading: var(--navy);
  --mark: #FFF1A8;
  --find: #FFE066;
  --find-current: #FF9F1C;
  --code-bg: #F4F6F8;
  --shadow: 0 6px 24px rgba(11, 37, 69, .14);
  --focus: #1A73E8;
  --note: #0B2545; --note-bg: #EAF0F8;
  --tip: #2E7D32; --tip-bg: #EAF5EB;
  --important: #8A6D0B; --important-border: #C9A227; --important-bg: #FBF5E1;
  --warning: #9A5B00; --warning-border: #E08E0B; --warning-bg: #FDF2E0;
  --caution: #C62828; --caution-bg: #FBEAEA;
  --font-ui: system-ui, "Segoe UI", Roboto, "Noto Sans Malayalam", sans-serif;
  --font-serif: "Times New Roman", Tinos, "Noto Serif Malayalam", serif;
  --font-sans: system-ui, "Segoe UI", Roboto, "Noto Sans Malayalam", sans-serif;
  --font-ml: "Noto Serif Malayalam", "Times New Roman", Tinos, serif;
  --font-mono: Consolas, "Cascadia Mono", "Liberation Mono", Menlo, monospace;
  --topbar-h: 52px;
  --toc-w: 290px;
  --reader-max: 860px;
  --reader-font: var(--font-serif);
  --reader-size: 17px;
  --reader-lh: 1.65;
  color-scheme: light;
}

:root[data-theme="dark"] {
  --bg: #0E1624;
  --surface: #152238;
  --surface-2: #1C2B45;
  --text: #E6E9EF;
  --text-muted: #A7B0BF;
  --border: #2C3D5C;
  --zebra: #17253C;
  --accent: #C9A227;
  --accent-text: #0E1624;
  --link: #8DB8F2;
  --heading: #F0D27A;
  --mark: #6B5A12;
  --find: #7A6511;
  --find-current: #C27200;
  --code-bg: #111D30;
  --shadow: 0 6px 24px rgba(0, 0, 0, .45);
  --focus: #8DB8F2;
  --note: #9DBBE6; --note-bg: #16263F;
  --tip: #7CCB80; --tip-bg: #14291A;
  --important: #E6C35A; --important-border: #C9A227; --important-bg: #2A2512;
  --warning: #F2B45A; --warning-border: #E08E0B; --warning-bg: #2E2210;
  --caution: #F08A8A; --caution-bg: #2F1717;
  color-scheme: dark;
}