/* KashCub design tokens — shared by the landing page and the app.
   Forest = trust and money. Honey = earnings and the stash. Cream = warmth. */

:root {
  --forest: #0E6B4F;
  --forest-700: #0A523C;
  --forest-900: #073A2B;
  --forest-50: #E6F2ED;
  --honey: #F4B23E;
  --honey-600: #D98E04;
  --honey-50: #FDF1DA;

  --bg: #FFF8EE;
  --surface: #FFFFFF;
  --surface-2: #FBF3E6;
  --ink: #1D2421;
  --muted: #5E6B66;
  --line: #EADFCF;
  --accent-text: #0E6B4F;

  --pending: #8A5A00;
  --pending-bg: #FDF1DA;
  --ready: #0E6B4F;
  --ready-bg: #E6F2ED;
  --paid: #3D4A45;
  --paid-bg: #EEF0EE;
  --danger: #B42318;
  --danger-bg: #FDECEA;
  --warn: #9A3F07;
  --warn-bg: #FEF0E1;

  --radius-s: 10px;
  --radius: 16px;
  --radius-l: 24px;
  --shadow-s: 0 1px 2px rgba(29, 36, 33, .06);
  --shadow: 0 1px 2px rgba(29, 36, 33, .05), 0 10px 30px rgba(29, 36, 33, .08);

  --font-display: "Nunito", ui-rounded, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0F1513;
    --surface: #17201C;
    --surface-2: #1D2823;
    --ink: #EEF1EC;
    --muted: #A3B0AA;
    --line: #2A3631;
    --accent-text: #4CC79A;
    --forest-50: #16302A;
    --honey-50: #2E2614;
    --pending: #F6C35F;
    --pending-bg: #2E2614;
    --ready: #4CC79A;
    --ready-bg: #16302A;
    --paid: #C5CFCA;
    --paid-bg: #232D29;
    --danger: #FF8A80;
    --danger-bg: #3A1D1B;
    --warn: #FDBA74;
    --warn-bg: #33241A;
    --shadow-s: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 10px 30px rgba(0, 0, 0, .35);
    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --bg: #0F1513;
  --surface: #17201C;
  --surface-2: #1D2823;
  --ink: #EEF1EC;
  --muted: #A3B0AA;
  --line: #2A3631;
  --accent-text: #4CC79A;
  --forest-50: #16302A;
  --honey-50: #2E2614;
  --pending: #F6C35F;
  --pending-bg: #2E2614;
  --ready: #4CC79A;
  --ready-bg: #16302A;
  --paid: #C5CFCA;
  --paid-bg: #232D29;
  --danger: #FF8A80;
  --danger-bg: #3A1D1B;
  --warn: #FDBA74;
  --warn-bg: #33241A;
  --shadow-s: 0 1px 2px rgba(0, 0, 0, .3);
  --shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 10px 30px rgba(0, 0, 0, .35);
  color-scheme: dark;
}