:root {
  /* Surface / background */
  --surface: #fcf8fb;
  --surface-dim: #dcd9dc;
  --surface-bright: #fcf8fb;
  --surface-container-lowest: #ffffff;
  --surface-container-low: #f6f3f5;
  --surface-container: #f0edef;
  --surface-container-high: #eae7ea;
  --surface-container-highest: #e4e2e4;
  --surface-variant: #e4e2e4;
  --on-surface: #1b1b1d;
  --on-surface-variant: #414753;
  --inverse-surface: #303032;
  --inverse-on-surface: #f3f0f2;
  --outline: #717785;
  --outline-variant: #c1c6d6;

  /* Brand / action */
  --surface-tint: #005cbb;
  --primary: #0059b5;
  --on-primary: #ffffff;
  --primary-container: #0071e3;
  --on-primary-container: #fcfbff;
  --inverse-primary: #abc7ff;
  --primary-fixed: #d7e2ff;
  --primary-fixed-dim: #abc7ff;

  --secondary: #006e2b;
  --on-secondary: #ffffff;
  --secondary-container: #83f894;
  --on-secondary-container: #00722d;
  --secondary-fixed: #86fb97;
  --secondary-fixed-dim: #69de7d;

  --tertiary: #9b3f00;
  --on-tertiary: #ffffff;
  --tertiary-container: #c25100;
  --on-tertiary-container: #fffaf9;
  --tertiary-fixed: #ffdbcb;
  --tertiary-fixed-dim: #ffb693;

  --error: #ba1a1a;
  --on-error: #ffffff;
  --error-container: #ffdad6;
  --on-error-container: #93000a;

  /* DeadSaaS design extras */
  --background: #fcf8fb;
  --on-background: #1b1b1d;
  --bg-stage: #ffffff;
  --bg-tint: #f5f5f7;
  --bg-cost: #fbfaf8;
  --ink-secondary: #6e6e73;
  --ink-tertiary: #a9a9b3;
  --hairline: #e8e8ed;
  --glass-fill: rgba(255, 255, 255, 0.62);

  /* Gradients */
  --money-gradient: linear-gradient(90deg, #2fa84f 0%, #54d68f 100%);
  --waste-gradient: linear-gradient(90deg, #ff3b30 0%, #ff9500 100%);

  /* Glass recipe */
  --glass-blur: blur(24px) saturate(180%);
  --glass-border: 1px solid rgba(0, 0, 0, 0.06);
  --glass-highlight: 1px solid rgba(255, 255, 255, 0.75);
  --glass-shadow: 0 4px 12px rgba(0, 0, 0, 0.04), 0 24px 60px rgba(0, 0, 0, 0.08);

  /* Radii */
  --radius-card: 28px;
  --radius-chip: 14px;
  --radius-pill: 9999px;

  /* Spacing */
  --gutter: 24px;
  --margin-mobile: 20px;
  --margin-desktop: 80px;
  --container-max: 1440px;

  /* Typography */
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
}