/* Avenrow design tokens.
   The current art direction: deep emerald environment, luminous ivory product, mint light,
   rare brass, and a small web-only "volt" accent. Change the look here first; components
   reference these names, not raw values. */
:root {
  /* web environment */
  --bg-0: #041915;
  --bg-1: #072D26;
  --bg-2: #0C5547;
  --tx: #F3EEE3;
  --tx-2: rgba(243, 238, 227, .72);
  --tx-3: rgba(243, 238, 227, .48);
  --hair: rgba(243, 238, 227, .13);
  --mint-hi: #9BEBCF;
  --volt: #6CFFC0;          /* web-only accent: CTAs, active nodes, data */
  --volt-ink: #032019;
  --brass-hi: #E2C58C;
  --amber: #F3A64B;

  /* Static background, used when WebGL is off, unavailable or lost (see background.js). */
  --bg-fallback:
    radial-gradient(60% 50% at 70% 40%, rgba(78, 215, 176, .18), transparent 70%),
    radial-gradient(80% 70% at 20% 80%, rgba(15, 122, 100, .35), transparent 70%),
    linear-gradient(180deg, #072D26, #041915);

  /* native app tokens (CleaningCalendar src/constants/theme.ts) */
  --ivory: #F8F4EC; --surface: #FFFDF8; --counterfoil: #F3EEE3;
  --ink: #1B2A27; --ink-2: #6F7C79; --ink-3: #9AA4A1; --border: #E8E1D7;
  --emerald: #0F7A64; --emerald-deep: #0D5B4F; --teal: #136F61;
  --mint: #4ED7B0; --soft-mint: #DDF5EC; --brass: #B99A5B;
  --owed: #A8641C; --warning: #F3A64B; --upcoming: #4A6FA5; --success: #1DB586;
  --ink-web: #536360; /* ink-2 darkened for page-level ivory surfaces (AA) */

  /* type */
  --display: "Newsreader", ui-serif, Georgia, serif;
  --sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Segoe UI", sans-serif;
  --app-serif: ui-serif, "New York", "Newsreader", Georgia, serif;
  --app-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Segoe UI", sans-serif;

  /* layout + motion */
  --gutter: clamp(20px, 5vw, 80px);
  --ease-out: cubic-bezier(.23, 1, .32, 1);
  --ease-io: cubic-bezier(.77, 0, .175, 1);
  --ease-drawer: cubic-bezier(.32, .72, 0, 1);
}