/* Julia AI theme: the one place brand tokens live.
   Values match the Julia AI website (light and dark). */

@font-face {
  font-family: "Bricolage Grotesque";
  src: url("../../assets/fonts/bricolage-grotesque-latin-wght-normal.woff2") format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

:root {
  color-scheme: light;
  --blue: #2456E6;
  --blue-deep: #1A43B8;
  --mint: #3FD1B3;
  --mint-ink: #0E6B5A;
  --ink: #0F1B3D;
  --paper: #F7F9FC;
  --surface: #FFFFFF;
  --surface-2: #F1F4FA;
  --muted: #4B5675;
  --line: #DCE3F0;
  --soft: #E9EEFB;
  --warn: #9A5B00;
  --warn-bg: #FFF4E0;
  --danger: #B42318;
  --danger-bg: #FDECEA;
  --ok: #0E6B5A;
  --ok-bg: #E3F8F3;
  --shadow: 0 24px 60px -30px rgba(15, 27, 61, .35);
  --radius: 14px;
  --radius-lg: 20px;
  --font: "Bricolage Grotesque", "Avenir Next", "Segoe UI", system-ui, -apple-system, sans-serif;
  --mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --blue: #5C86FF;
    --blue-deep: #7DA0FF;
    --mint: #4FE0C2;
    --mint-ink: #8FF0DC;
    --ink: #F1F4FB;
    --paper: #0C1428;
    --surface: #131D36;
    --surface-2: #18233F;
    --muted: #AAB4CC;
    --line: #243255;
    --soft: #1A2646;
    --warn: #FFC870;
    --warn-bg: #3A2A0E;
    --danger: #FF8A80;
    --danger-bg: #3B1512;
    --ok: #8FF0DC;
    --ok-bg: #0F3A33;
    --shadow: 0 24px 60px -30px rgba(0, 0, 0, .7);
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --blue: #5C86FF;
  --blue-deep: #7DA0FF;
  --mint: #4FE0C2;
  --mint-ink: #8FF0DC;
  --ink: #F1F4FB;
  --paper: #0C1428;
  --surface: #131D36;
  --surface-2: #18233F;
  --muted: #AAB4CC;
  --line: #243255;
  --soft: #1A2646;
  --warn: #FFC870;
  --warn-bg: #3A2A0E;
  --danger: #FF8A80;
  --danger-bg: #3B1512;
  --ok: #8FF0DC;
  --ok-bg: #0F3A33;
  --shadow: 0 24px 60px -30px rgba(0, 0, 0, .7);
}