/* Orbvane kit design tokens. Every app imports this first. Light is the default; dark applies by system preference
   or data-theme="dark". Neutrals and status colours are shared; an app overrides only the --accent* and --chart-*
   group for its own brand (TealJar = Lagoon, the values below). */
:root {
  --font-ui: "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

  --paper: #f3f7f6;
  --surface: #ffffff;
  --surface-2: #e5edeb;
  --line: #d9e3e0;
  --line-soft: #ebf1ef;
  --ink: #111b1a;
  --ink-2: #475755;
  --ink-3: #6c7c79;

  --accent: #0b7285;
  --accent-ink: #ffffff;
  --accent-soft: #dcf0f2;
  --accent-line: #b5dde3;

  --ok: #2f8a3c;
  --ok-soft: #e0f1dd;
  --warn: #a8670f;
  --warn-soft: #f7ead4;
  --over: #c0364f;
  --over-soft: #f8dde2;

  --chart-1: #085a69;
  --chart-2: #1592a8;
  --chart-3: #2f8a3c;
  --chart-4: #2f6fcf;
  --chart-5: #a8670f;
  --chart-6: #6a4fc0;
  --chart-7: #6c7c79;

  --radius: 12px;
  --radius-sm: 8px;
  --radius-pill: 999px;
  --space: 8px;
  --shadow: none;

  --fs-title: 20px;
  --fs-body: 14px;
  --fs-label: 12px;
  --fs-amount-lg: 28px;

  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper: #0f1514;
    --surface: #161d1c;
    --surface-2: #202a28;
    --line: #273331;
    --line-soft: #1d2523;
    --ink: #ecf4f2;
    --ink-2: #a7b8b5;
    --ink-3: #7c8e8b;
    --accent: #4cc4d4;
    --accent-ink: #0f1514;
    --accent-soft: #12292d;
    --accent-line: #1e4a51;
    --ok: #6fcf6a;
    --ok-soft: #182f1a;
    --warn: #e6ac4f;
    --warn-soft: #33281a;
    --over: #f07189;
    --over-soft: #3a1b24;
    --chart-1: #1f98aa;
    --chart-2: #4cc4d4;
    --chart-3: #4fae4b;
    --chart-4: #4f86dc;
    --chart-5: #c9902f;
    --chart-6: #8a70d8;
    --chart-7: #566563;
    --shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 8px 24px rgba(0, 0, 0, 0.25);
    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --paper: #0f1514;
  --surface: #161d1c;
  --surface-2: #202a28;
  --line: #273331;
  --line-soft: #1d2523;
  --ink: #ecf4f2;
  --ink-2: #a7b8b5;
  --ink-3: #7c8e8b;
  --accent: #4cc4d4;
  --accent-ink: #0f1514;
  --accent-soft: #12292d;
  --accent-line: #1e4a51;
  --ok: #6fcf6a;
  --ok-soft: #182f1a;
  --warn: #e6ac4f;
  --warn-soft: #33281a;
  --over: #f07189;
  --over-soft: #3a1b24;
  --chart-1: #1f98aa;
  --chart-2: #4cc4d4;
  --chart-3: #4fae4b;
  --chart-4: #4f86dc;
  --chart-5: #c9902f;
  --chart-6: #8a70d8;
  --chart-7: #566563;
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 8px 24px rgba(0, 0, 0, 0.25);
  color-scheme: dark;
}