/* hellojade · light
   Apply by setting data-brand + data-kind on :root, or copy these into a global rule.
   This file imports the shared (brand-agnostic) token spec from
   ../_global.css — only color + shadow tokens diverge per brand. */
@import url("../_global.css");

:root[data-brand="hellojade"][data-kind="light"] {
  color-scheme: light;
  --color-bg: #FBFAF5;
  --color-surface: #FFFFFF;
  --color-surface-hover: #F1EFE4;
  --color-fg: #0F2A26;
  --color-fg-muted: #3D544F;
  --color-fg-subtle: #8A9994;
  --color-border: #E2DECF;
  --color-border-strong: #B6AE93;
  --color-primary: #0F7B6C;
  --color-primary-fg: #FBFAF5;
  --color-primary-hover: #0B5F54;
  --color-accent: #D4A85A;
  --color-accent-fg: #0F2A26;
  --color-success: #0F7B6C;
  --color-success-fg: #FBFAF5;
  --color-warning: #D4A85A;
  --color-warning-fg: #0F2A26;
  --color-danger: #A14246;
  --color-danger-fg: #FBFAF5;
  --color-info: #3F8FA8;
  --color-focus-ring: #0F7B6C;
  --shadow-sm: 0px 1px 4px -2px rgba(15, 42, 38, 0.10);
  --shadow-md: 0px 6px 24px -6px rgba(15, 42, 38, 0.16);
}