/* Product-level brand override. The shared Handy design system stays unchanged. */
:root,
[data-handy-color-mode="light-only"] {
  --handy-color-fg-neutral: #191919;
  --handy-color-fg-neutral-muted: #5f5e5b;
  --handy-color-fg-neutral-subtle: #787774;
  --handy-color-fg-brand: #0f766e;
  --handy-color-fg-brand-contrast: #ffffff;
  --handy-color-bg-brand-solid: #0f766e;
  --handy-color-bg-brand-solid-hover: #115e59;
  --handy-color-bg-brand-solid-pressed: #134e4a;
  --handy-color-bg-brand-strong: #0f766e;
  --handy-color-bg-brand-weak: #ccfbf1;
  --handy-color-bg-brand-weak-hover: #99f6e4;
  --handy-color-bg-layer-default: #ffffff;
  --handy-color-bg-layer-basement: #f7f7f5;
  --handy-color-bg-layer-floating: #ffffff;
  --handy-color-bg-layer-fill: #f7f7f5;
  --handy-color-bg-neutral-weak: #f1f1ef;
  --handy-color-bg-neutral-weak-hover: #e9e9e7;
  --handy-color-stroke-neutral-muted: rgba(55, 53, 47, 0.16);
  --handy-color-stroke-neutral-subtle: rgba(55, 53, 47, 0.09);
  --handy-color-stroke-brand: #0f766e;
  --handy-color-stroke-focus-ring: #14b8a6;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-handy-color-mode="light-only"]),
  [data-handy-color-mode="system"] {
    --handy-color-fg-neutral: #f4f4f2;
    --handy-color-fg-neutral-muted: #b5b3ad;
    --handy-color-fg-neutral-subtle: #9b9a97;
    --handy-color-fg-brand: #5eead4;
    --handy-color-fg-brand-contrast: #134e4a;
    --handy-color-bg-brand-solid: #f0fdfa;
    --handy-color-bg-brand-solid-hover: #ccfbf1;
    --handy-color-bg-brand-solid-pressed: #99f6e4;
    --handy-color-bg-brand-strong: #115e59;
    --handy-color-bg-brand-weak: #134e4a;
    --handy-color-bg-brand-weak-hover: #115e59;
    --handy-color-bg-layer-default: #191919;
    --handy-color-bg-layer-basement: #141414;
    --handy-color-bg-layer-floating: #252525;
    --handy-color-bg-layer-fill: #2f2f2f;
    --handy-color-bg-neutral-weak: #2f2f2f;
    --handy-color-bg-neutral-weak-hover: #373737;
    --handy-color-stroke-neutral-muted: rgba(255, 255, 255, 0.16);
    --handy-color-stroke-neutral-subtle: rgba(255, 255, 255, 0.09);
    --handy-color-stroke-brand: #5eead4;
    --handy-color-stroke-focus-ring: #2dd4bf;
  }
}

[data-handy-color-mode="dark-only"] {
  --handy-color-fg-neutral: #f4f4f2;
  --handy-color-fg-neutral-muted: #b5b3ad;
  --handy-color-fg-neutral-subtle: #9b9a97;
  --handy-color-fg-brand: #5eead4;
  --handy-color-fg-brand-contrast: #134e4a;
  --handy-color-bg-brand-solid: #f0fdfa;
  --handy-color-bg-brand-solid-hover: #ccfbf1;
  --handy-color-bg-brand-solid-pressed: #99f6e4;
  --handy-color-bg-brand-strong: #115e59;
  --handy-color-bg-brand-weak: #134e4a;
  --handy-color-bg-brand-weak-hover: #115e59;
  --handy-color-bg-layer-default: #191919;
  --handy-color-bg-layer-basement: #141414;
  --handy-color-bg-layer-floating: #252525;
  --handy-color-bg-layer-fill: #2f2f2f;
  --handy-color-bg-neutral-weak: #2f2f2f;
  --handy-color-bg-neutral-weak-hover: #373737;
  --handy-color-stroke-neutral-muted: rgba(255, 255, 255, 0.16);
  --handy-color-stroke-neutral-subtle: rgba(255, 255, 255, 0.09);
  --handy-color-stroke-brand: #5eead4;
  --handy-color-stroke-focus-ring: #2dd4bf;
}