/* EVFolk design tokens and fonts, shared by the website (web.css) and the
   web app (app.css, D-151). Night and Daylight from the approved app design
   (docs/design/README.md, app/lib/app/theme/tokens.dart): change them in one
   place. Anek Latin, Anek Bangla and JetBrains Mono are subset and
   self-hosted (SIL OFL, fonts/site/), nothing is fetched from elsewhere. */
@font-face { font-family: "Anek Latin"; font-weight: 500; font-display: swap; src: url("../fonts/site/anek-latin-500.woff2") format("woff2"); }
@font-face { font-family: "Anek Latin"; font-weight: 700; font-display: swap; src: url("../fonts/site/anek-latin-700.woff2") format("woff2"); }
@font-face { font-family: "Anek Latin"; font-weight: 800; font-display: swap; src: url("../fonts/site/anek-latin-800.woff2") format("woff2"); }
@font-face { font-family: "JetBrains Mono"; font-weight: 600; font-display: swap; src: url("../fonts/site/jetbrains-mono-600.woff2") format("woff2"); }
/* Bengali (the web app): downloaded only when a page has Bengali text. */
@font-face { font-family: "Anek Bangla"; font-weight: 500; font-display: swap; src: url("../fonts/site/anek-bangla-500.woff2") format("woff2"); unicode-range: U+0964-0965, U+0980-09FE, U+200C-200D, U+25CC; }
@font-face { font-family: "Anek Bangla"; font-weight: 600; font-display: swap; src: url("../fonts/site/anek-bangla-600.woff2") format("woff2"); unicode-range: U+0964-0965, U+0980-09FE, U+200C-200D, U+25CC; }
@font-face { font-family: "Anek Bangla"; font-weight: 700; font-display: swap; src: url("../fonts/site/anek-bangla-700.woff2") format("woff2"); unicode-range: U+0964-0965, U+0980-09FE, U+200C-200D, U+25CC; }
@font-face { font-family: "Anek Bangla"; font-weight: 800; font-display: swap; src: url("../fonts/site/anek-bangla-800.woff2") format("woff2"); unicode-range: U+0964-0965, U+0980-09FE, U+200C-200D, U+25CC; }

/* Night is the default (D-085). Daylight is chosen with the switch in the
   header (D-145): the server writes data-theme="light" or "system" on <html>.
   The phone and browser drawings on the home page stay Night (.night). */
:root, .night {
  color-scheme: dark;
  --ground: #0a1110;
  --surface: #111a19;
  --raised: #172322;
  --nav: #0d1615;
  --line: #22302e;
  --line-strong: #2c3c39;
  --divider: #1c2826;
  --text: #e8f1ee;
  --text2: #a3b4af;
  --text3: #7e908b;
  --volt: #3be38a;
  --teal: #13c2a3;
  --blue: #4aa3ff;
  --amber: #f5c451;
  --coral: #ff8a7e;
  --on-gradient: #04201a;
  --glass: rgba(10, 17, 16, .78);
  --glass-strong: rgba(17, 26, 25, .92);
  --deep: #0d1615;
  --hover: #13201e;
  --raised-hover: #1d2c2a;
  --hairline: rgba(255, 255, 255, .03);
  --shade: #000;
  --draft-text: #f5e3a6;
  --band: linear-gradient(135deg, #0f1a18, #0b1312);
}
:root {
  --gradient: linear-gradient(120deg, #3be38a 0%, #13c2a3 55%, #2f8cff 100%);
  --radius: 20px;
  --gap: 16px;
  --font: "Anek Latin", "Anek Bangla", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* Older names the calculator and catalog pages use. */
  --evf-teal: var(--teal);
  --evf-teal-strong: var(--volt);
  --evf-teal-soft: rgba(59, 227, 138, .08);
  --evf-blue: var(--blue);
  --evf-surface: var(--ground);
  --evf-card: var(--surface);
  --evf-text: var(--text);
  --evf-muted: var(--text2);
  --evf-border: var(--line);
  --evf-danger: var(--coral);
  --evf-success: var(--volt);
  --evf-radius: var(--radius);
  --evf-gap: var(--gap);
}
/* Daylight: the app's light tokens, with text colours dark enough to read on white. */
:root[data-theme="light"] {
  color-scheme: light;
  --ground: #f3f6f4;
  --surface: #ffffff;
  --raised: #eaf0ed;
  --nav: #ffffff;
  --line: #d9e2de;
  --line-strong: #c9d4cf;
  --divider: #e3eae6;
  --text: #0e1d19;
  --text2: #4a5d57;
  --text3: #5e706a;
  --volt: #0a7f42;
  --teal: #0e7c69;
  --blue: #0a63c2;
  --amber: #9a6a00;
  --coral: #c53a2e;
  --glass: rgba(255, 255, 255, .82);
  --glass-strong: rgba(255, 255, 255, .94);
  --deep: #eef3f0;
  --hover: #f6faf8;
  --raised-hover: #e2eae6;
  --hairline: rgba(14, 29, 25, .04);
  --shade: rgba(14, 29, 25, .28);
  --draft-text: #5c4300;
  --band: linear-gradient(135deg, #ffffff, #eef4f1);
}
@media (prefers-color-scheme: light) {
  :root[data-theme="system"] {
    color-scheme: light;
    --ground: #f3f6f4;
    --surface: #ffffff;
    --raised: #eaf0ed;
    --nav: #ffffff;
    --line: #d9e2de;
    --line-strong: #c9d4cf;
    --divider: #e3eae6;
    --text: #0e1d19;
    --text2: #4a5d57;
    --text3: #5e706a;
    --volt: #0a7f42;
    --teal: #0e7c69;
    --blue: #0a63c2;
    --amber: #9a6a00;
    --coral: #c53a2e;
    --glass: rgba(255, 255, 255, .82);
    --glass-strong: rgba(255, 255, 255, .94);
    --deep: #eef3f0;
    --hover: #f6faf8;
    --raised-hover: #e2eae6;
    --hairline: rgba(14, 29, 25, .04);
    --shade: rgba(14, 29, 25, .28);
    --draft-text: #5c4300;
    --band: linear-gradient(135deg, #ffffff, #eef4f1);
  }
}