/* theme.css — Frenzon SACCO design tokens.
   Change the palette, radii or shadows here; style.css reads them everywhere. */

:root {
  --primary: #14432f;
  --primary-500: #1f6b4a;
  --primary-700: #0f3626;
  --primary-900: #082218;
  --primary-light: #dcf0e5;
  --accent: #e0b04a;
  --success: #1c7c54;  --success-light: #dcf3e8;
  --warning: #9a5a06;  --warning-light: #fff4dc;
  --danger: #b42318;   --danger-light: #fde9e7;
  --info: #1f5fa8;     --info-light: #e6f0fb;
  --bg: #eef3f0;
  --bg-subtle: #f4f7f5;
  --surface: #ffffff;
  --text-main: #10231b;
  --text-muted: #5b6c63;
  --border-color: #dde7e2;
  --border-dark: #c3d2ca;
  --radius-sm: 8px; --radius-md: 12px; --radius-lg: 18px; --radius-xl: 26px; --radius-full: 9999px;
  --shadow-sm: 0 1px 2px rgba(16, 35, 27, .06);
  --shadow-md: 0 10px 28px -14px rgba(16, 35, 27, .28);
  --primary-hover: #0f3626; --accent-hover: #c99a38;
  --bg-main: var(--bg); --bg-card: var(--surface); --bg-dark: #082218;
  --text-light: #718096; --text-white: #fff;
  --border-focus: var(--primary-500);
  --radius-xs: 4px;
  --shadow-lg: 0 20px 40px -16px rgba(16, 35, 27, .35);
  --shadow-focus: 0 0 0 4px rgba(31, 107, 74, .18);
  --sidebar-width: 268px; --topbar-height: 60px;
  --nav-h: 64px;
  --sidebar-w: 268px;
  --safe-b: env(safe-area-inset-bottom, 0px);
  --font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}