/* KLUBIX Light: palette follows the approved person-detail reference.
   Future themes override semantic colors; they do not replace components.
   No Dark theme or automatic system-theme switching is implemented. */
:root[data-theme="klubix-light"] {
  color-scheme: light;
  /* Brand primitives. Green is a contained identity accent, not a status code. */
  --brand-navy: #092853;
  --brand-petroleum: #075579;
  --brand-green: #009b68;
  --brand-primary: var(--brand-petroleum);
  /* Surfaces and content */
  --surface-app: #f5f7fa; --surface-panel: #ffffff; --surface-input: #ffffff;
  --surface-subtle: #f8fafc; --surface-readonly: #f0f3f7; --surface-disabled: #edf1f5;
  --surface-header: #ffffff; --surface-sidebar: #f7f9fc; --surface-grid-header: #f1f5fa;
  --surface-avatar: #eaf2f7; --surface-environment: #eff7f4;
  --text-primary: var(--brand-navy); --text-secondary: #415875; --text-muted: #5d7089;
  --text-disabled: #68788b; --text-header: var(--brand-navy); --text-on-action: #ffffff;
  --border-default: #d4dfec; --border-subtle: #e6edf4; --border-strong: #859bb4;
  /* Interactive roles */
  --action-primary: var(--brand-petroleum); --action-primary-hover: #064461;
  --focus-ring: var(--brand-petroleum); --selection: #e9f2fa; --selection-border: #abc8df;
  --hover: #f0f5fa; --nav-active-text: #007d54; --nav-active-surface: #e4f5ed;
  --nav-active-border: #c9e9d9; --nav-active-marker: var(--brand-green);
  --tab-active: #007d54; --identity-accent: var(--brand-green);
  /* Semantic state colors remain independent from brand green. */
  --state-success: #147647; --state-warning: #805600; --state-danger: #b12e3b; --state-info: #175d8c;
  --surface-success: #eaf6ee; --surface-warning: #fff5df; --surface-danger: #fff0f1; --surface-info: #eef5fb;
  --border-danger: #d9aab0; --surface-invalid: #fff9fa; --border-info: #ccdeee;
  --surface-overlay: #10294561; --shadow-color: #142b4330;
}