/* Event Planner: shared color palette (single source of truth).
   Light values live on :root; the dark set is swapped in automatically
   when the device is in dark mode. To retune a color later, change it
   here once and every page that links this file updates. */

:root {
  color-scheme: light dark;

  /* surfaces + text */
  --bg: #f6f7f9;            /* page background */
  --surface: #ffffff;      /* cards, inputs */
  --surface-2: #eef1f5;    /* soft fills, "still deciding" status, neutral notes */
  --border: #e4e7eb;       /* hairline borders */
  --border-strong: #ccd0d6;/* input borders */
  --text: #1b1f24;         /* primary text */
  --muted: #6b7280;        /* secondary / muted text */

  /* accent = the person's own picks + primary buttons (vintage lavender).
     Light and dark are intentionally the SAME value for now: we preferred
     this lighter lavender in light mode too. They're kept as two separate
     declarations (here and in the dark block) on purpose, so a future color
     can be given its own light and dark values without restructuring. */
  --accent: #7d5f97;
  --on-accent: #ffffff;    /* text on an accent fill */

  /* text links, kept a familiar blue so they read as clickable */
  --link: #1565c0;

  /* host marker = teal ring on the calendar */
  --ring: #2fae9e;

  /* weekend tint */
  --weekend: #d9e6f2;

  /* confirmed + other positive/"locked in" states (deep teal) */
  --confirm-bg: #e0efee;
  --confirm-border: #b3d4d1;
  --confirm-text: #00635d;

  /* warnings / soft attention (saturated amber so it reads on light surfaces) */
  --warn-bg: #f6ecd9;
  --warn-border: #e7d4a8;
  --warn-text: #9a6300;

  /* errors + destructive actions (walnut) */
  --danger-bg: #f4e9e4;
  --danger-border: #e0cabf;
  --danger-text: #6e2a14;
  --danger-fill: #581908;  /* solid destructive buttons */
  --on-danger: #ffffff;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #15171c;
    --surface: #1d2026;
    --surface-2: #262a31;
    --border: #2f333b;
    --border-strong: #3a3f49;
    --text: #e7e9ec;
    --muted: #9aa1a9;

    --accent: #7d5f97;   /* same value as light for now; see the note on :root --accent */
    --on-accent: #ffffff;

    --link: #6fb2f0;

    --ring: #5fc9bf;

    --weekend: #28303c;

    --confirm-bg: #10302e;
    --confirm-border: #2c5651;
    --confirm-text: #5fc9bf;

    --warn-bg: #2e2613;
    --warn-border: #564726;
    --warn-text: #d8b86a;

    --danger-bg: #2c1712;
    --danger-border: #5a3528;
    --danger-text: #d99a7e;
    --danger-fill: #7a2e16;
    --on-danger: #ffffff;
  }
}