/* SBPPL POS by Onehost - brand tokens (derived from the logo mark) */
:root {
  --gold: #FCBA2B;
  --gold-600: #E0A31A;
  --gold-100: #FDF0D2;
  --maroon: #972B2F;
  --maroon-600: #7E2226;
  --maroon-100: #F3E1E1;
  --bronze: #BC7536;

  --bg: #F6F3EC;
  --surface: #FFFFFF;
  --surface-alt: #FBF8F2;
  --border: #E8E1D6;
  --text: #2A2523;
  --text-muted: #726B66;

  --sidebar-bg: #201D1C;
  --sidebar-text: #C9C3BE;
  --sidebar-active: var(--gold);

  --primary: var(--maroon);
  --primary-hover: var(--maroon-600);
  --primary-text: #FFFFFF;
  --accent: var(--gold);

  --success: #1F8A5B;
  --success-bg: #E4F3EC;
  --warning: #E0A31A;
  --warning-bg: #FDF0D2;
  --danger: #B3382F;
  --danger-bg: #F7E4E2;
  --info: #3A6EA5;
  --info-bg: #E5EEF7;

  --radius: 10px;
  --radius-lg: 14px;
  --shadow: 0 1px 2px rgba(42,37,35,.06), 0 4px 16px rgba(42,37,35,.05);
  --font-sans: "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}

html[data-theme="dark"] {
  --gold-100: #3A2E14;
  --maroon-100: #3A1F20;
  --bg: #171514;
  --surface: #201D1C;
  --surface-alt: #262220;
  --border: #322D2A;
  --text: #ECE7E1;
  --text-muted: #A49C95;

  --sidebar-bg: #131110;
  --sidebar-text: #B8B1AB;

  --primary: #B23A3A;
  --primary-hover: #C24B48;
  --primary-text: #FFFFFF;

  --success-bg: #12281F;
  --warning-bg: #2E2410;
  --danger-bg: #2E1917;
  --info-bg: #14202E;
  --shadow: 0 1px 2px rgba(0,0,0,.3), 0 4px 16px rgba(0,0,0,.25);
}