/* Design Plan:
 * Subject: ClearNest — small, detail-focused residential home cleaning studio.
 * Distinct identity markers:
 * 1. Warm linen textures and gentle cedar/spruce tones (not clinical harsh disinfectant blue or hospital white).
 * 2. Transparent checklist cards that treat cleaning as systematic craft.
 * 3. Exact service tiers: Standard Home Refresh, Deep Clean & Detail, Move-In / Move-Out Clean, Post-Renovation Reset.
 * 4. High-clarity booking ledger: every service request receives an explicit verification code (ref ID).
 * 5. Built-in reliability: offline detection, client request idempotency key (stable ID retained on retries).
 * Idea: "On this site, the checklist receipt of a meticulous cleaner becomes an interactive booking verification system."
 * Nearest competitor comparison: A generic cleaning company site uses stock thumbs-up cleaners with bright neon buttons; ClearNest uses honest architectural calm, linen tones, and verified persistent ledger tracking.
 * Bold element: The live request card dock paired with an inspectable real-time requests ledger so visitors and owners see confirmed bookings without needing logins.
 */

:root {
  --color-ground: #fbf9f5;
  --color-ink: #1f2723;
  --color-accent: #27523f;
  --color-accent-hover: #1e3f31;
  --color-surface: #ffffff;
  --color-surface-soft: #f2eee6;
  --color-surface-muted: #e8e2d5;
  --color-border: #ded7c9;
  --color-ink-muted: #5e6861;
  --color-ink-subtle: #828e86;
  --color-danger: #a7281f;
  --color-danger-bg: #fdf2f2;
  --color-danger-border: #f1c5c2;
  --color-success: #1b633b;
  --color-success-bg: #edf8f0;
  --color-success-border: #bce3c9;

  --font-display: 'Bitstream Charter', Charter, 'Sitka Text', Cambria, Georgia, serif;
  --font-body: Seravek, 'Gill Sans Nova', Calibri, 'DejaVu Sans', source-sans-pro, sans-serif;

  --text-xs: 0.8125rem;
  --text-sm: 0.9375rem;
  --text-base: 1.0625rem;
  --text-lg: 1.375rem;
  --text-xl: 2.125rem;
  --text-hero: 2.75rem;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;

  --radius: 6px;
  --max-width: 1120px;
}