/* documents design tokens. Shared by the app (ui/) and the server-rendered
   sign-in pages. Values from the design handoff (OKLCH). */

@font-face {
  font-family: "Geist";
  src: url("fonts/Geist-Variable.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: "Geist Mono";
  src: url("fonts/GeistMono-Variable.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
}

:root {
  color-scheme: dark;

  --viewer: oklch(0.13 0.003 265);
  --sidebar: oklch(0.15 0.004 265);
  --bg: oklch(0.165 0.004 265);
  --surface: oklch(0.192 0.004 265);
  --surface-2: oklch(0.205 0.004 265);
  --selected: oklch(0.225 0.005 265);
  --chip: oklch(0.235 0.005 265);
  --line: oklch(0.225 0.005 265);
  --line-strong: oklch(0.28 0.005 265);
  --text: oklch(0.94 0.003 265);
  --text-2: oklch(0.72 0.006 265);
  --text-3: oklch(0.56 0.006 265);
  --text-4: oklch(0.52 0.006 265);
  --paper: oklch(0.97 0.003 90);
  --on-text: oklch(0.15 0.004 265);

  --pay: oklch(0.78 0.12 155);
  --due: oklch(0.8 0.12 80);
  --over: oklch(0.72 0.14 25);
  --wait: oklch(0.76 0.12 295);

  --pay-bg: oklch(0.78 0.12 155 / 0.11);
  --due-bg: oklch(0.8 0.12 80 / 0.11);
  --over-bg: oklch(0.72 0.14 25 / 0.12);
  --wait-bg: oklch(0.76 0.12 295 / 0.11);
  --pay-ring: oklch(0.78 0.12 155 / 0.28);
  --due-ring: oklch(0.8 0.12 80 / 0.28);
  --over-ring: oklch(0.72 0.14 25 / 0.32);
  --wait-ring: oklch(0.76 0.12 295 / 0.3);

  --secondary: oklch(0.94 0.003 265 / 0.08);
  --secondary-hover: oklch(0.94 0.003 265 / 0.13);
  --highlight: oklch(0.94 0.003 265 / 0.16);

  --font: "Geist", system-ui, sans-serif;
  --mono: "Geist Mono", ui-monospace, monospace;
}