/* Generated from BRAND_PRIMARY and BRAND_ACCENT. */

/*
 * `:root:root`, not `:root`.
 *
 * Vite injects the built stylesheet at the end of the head, after this
 * file, so an equally specific selector would lose on order and the
 * shipped palette would quietly win. Doubling the selector raises the
 * specificity instead, which does not care where the link ended up.
 */
:root:root {
  --brand: #003b5c;
  --brand-deep: #002e48;
  --brand-coral: #7393a5;
  --accent: #00c389;
}

:root:root, :root:root[data-theme='light'] {
  --focus: #009c6e;
  --focus-ring: color-mix(in srgb, #009c6e 22%, transparent);
  --selection-bg: #d1dce2;
  --action: var(--brand);
  --action-hover: #00334f;
  --action-ink: #ffffff;
  --brand-on: #003b5c;
  --brand-surface: #edf1f4;
  --brand-border: #c2d0d8;
  --accent-on: #007d58;
  --accent-surface: #e8faf4;
  --accent-border: #bdefe0;
}

:root:root[data-theme='dark'] {
  --focus: #00c389;
  --focus-ring: color-mix(in srgb, #00c389 26%, transparent);
  --selection-bg: #002033;
  --action: var(--brand);
  --action-hover: #2e5e79;
  --action-ink: #ffffff;
  --brand-on: #66899d;
  --brand-surface: #00111a;
  --brand-border: #001b29;
  --accent-on: #00c389;
  --accent-surface: #002319;
  --accent-border: #00422f;
}

:root:root[data-theme='dark'] {
  --action: #61859a;
  --action-hover: #809dae;
}