/**
 * Fero light theme tokens — aligned with Android Color.kt / Theme.kt.
 * Import from admin.css and public/who_is_fero.css. Dark theme: fero-dark-theme.css.
 */
:root,
[data-theme="light"] {
  /* Primary — sage */
  --primary: #556b5d;
  --on-primary: #ffffff;
  --primary-container: #dde7df;
  --on-primary-container: #14231b;

  /* Secondary — soft gold accent */
  --secondary: #8e6b2a;
  --on-secondary: #ffffff;
  --secondary-container: #f1e4c8;
  --on-secondary-container: #2e2412;

  /* Tertiary — warm terracotta highlight */
  --tertiary: #a65a3a;
  --on-tertiary: #ffffff;
  --tertiary-container: #f3d8cc;
  --on-tertiary-container: #3a160d;

  /* Surfaces & text */
  --bg: #f5f3ee;
  --paper: #fcfbf7;
  --ink: #2b2622;
  --muted: #6b5e54;
  --border: #d3c7ba;
  --outline: #8a8178;
  --surface2: #f2efe9;
  --surface-variant: #e9ded1;
  --surface-container-high: #ece8e1;

  /* Legacy aliases — avoid in new rules; use semantic tokens above */
  --terracotta: var(--primary);
  --gold: var(--secondary);

  /* Status */
  --ok: #4f7a5a;
  --ok-container: #dcebdd;
  --warn: #a66a21;
  --warn-bg: #f4dec1;
  --info: #4d6675;
  --info-bg: #d7e5ed;
  --err: #c84b4b;
  --err-bg: #f9dad7;

  --shadow: 0 8px 32px rgba(43, 38, 34, 0.08);
}