/* golf · 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="golf"][data-kind="light"] {
  color-scheme: light;
  --color-bg: #FAFAF2;
  --color-surface: #FFFFFF;
  --color-surface-hover: #EFF2E6;
  --color-fg: #11301D;
  --color-fg-muted: #3E5546;
  --color-fg-subtle: #8A998C;
  --color-border: #DFE3D0;
  --color-border-strong: #AEB995;
  --color-primary: #1B7A44;
  --color-primary-fg: #FAFAF2;
  --color-primary-hover: #145F34;
  --color-accent: #C99F3F;
  --color-accent-fg: #11301D;
  --color-success: #1B7A44;
  --color-success-fg: #FAFAF2;
  --color-warning: #C99F3F;
  --color-warning-fg: #11301D;
  --color-danger: #A14246;
  --color-danger-fg: #FAFAF2;
  --color-info: #3F8FA8;
  --color-focus-ring: #1B7A44;
  --shadow-sm: 0px 1px 4px -2px rgba(17, 48, 29, 0.10);
  --shadow-md: 0px 6px 24px -6px rgba(17, 48, 29, 0.16);
  /* Responsive breakpoint tokens — see tokens.dark.css for the contract. */
  --bp-xs: 30em;
  --bp-sm: 36em;
  --bp-md: 48em;
  --bp-lg: 64em;
}