/* themes/blossom.css - Blossom — soft pink/lavender, VERY rounded/pill shapes */
/* A gentle, soft palette on a light blush field with the roundest shapes (pill buttons), the
   counterpoint to the Red theme's hard edges. */
html.blossom-theme,
body.blossom-theme {
  --bg-color: #fdf2f8;
  --bg-gradient: radial-gradient(1000px 720px at 6% -10%, rgba(244, 114, 182, 0.3), transparent 60%),
    radial-gradient(900px 640px at 114% 0%, rgba(167, 139, 250, 0.26), transparent 58%),
    radial-gradient(780px 700px at 50% 122%, rgba(251, 191, 36, 0.16), transparent 60%),
    linear-gradient(180deg, #fff5fa 0%, #fdeaf3 100%);
  --card-bg: rgba(255, 255, 255, 0.94);
  --card-border: rgba(190, 24, 93, 0.12);
  --timer-warn-peak-color: color-mix(in srgb, #f59e0b 35%, var(--card-bg));
  --text-main: #4a1d3f; /* deep plum */
  /* Deepened twice, same hue each time, because it is the colour EVERY muted line in the app takes
     here. #9d6b8a measured 4.28:1 on this palette's card (2026-08-27), under the 4.5:1 a paragraph
     needs; #96617f cleared the card at 4.84:1 but still read 4.46:1 on the page field, so it failed
     wherever a muted line sits outside a card (2026-09-10). This one reads 6.98:1 on
     the card and 6.43:1 on the field. tests/unit/test_theme_contrast.py holds it there. */
  --text-muted: #7a4a64;
  --border-color: #f6d6e6;
  --input-bg: #fff7fb;
  --primary: #ec4899;
  --primary-hover: #db2777;
  --primary-light: rgba(236, 72, 153, 0.14);
  --primary-gradient: linear-gradient(135deg, #f472b6 0%, #ec4899 55%, #c084fc 100%);
  --on-primary: #ffffff;
  --secondary: #c084fc;
  --secondary-hover: #a855f7;
  --secondary-light: rgba(192, 132, 252, 0.12);
  --accent-cyan: #f472b6; /* soft pink highlights */
  --danger: #e11d48;
  --danger-hover: #be123c;
  --danger-light: rgba(225, 29, 72, 0.12);
  --success: #10b981;
  --success-hover: #059669;
  /* Overtime alert — amber-600, the same light-bg legibility step daylight uses, deeper than the
     plain amber-500 other (dark) themes default to. */
  --warning: #d97706;
  /* Deep violet past / deep rose future — legible on the light blush field, distinct from the
     pink primary; future was a muddy amber-brown that clashed with the soft pink/lavender palette.
     Both are read as TEXT (planSheet.css, planPeek.css colour exercise names with them), so both
     carry the 4.5:1 a line of text needs — measured on the card and on the page field behind it.
     The rose-400 #fb7185 that stood here read 2.68:1 and 2.46:1: a pastel that looked
     right beside the pink primary and could not be read on either surface. */
  --temporal-past: #9333ea; /* 5.35:1 card, 4.93:1 field */
  --session-dot-0: #b45309;
  --session-dot-1: #0369a1;
  --session-dot-2: #be185d;
  --session-dot-3: #4d7c0f;
  --temporal-future: #be123c; /* rose-700 — 6.25:1 card, 5.76:1 field */
  --cloud-icon-color: #6b21a8; /* deep violet/purple for strong contrast against light blush background */
  --cloud-arrows-color: #4ade80; /* green-400 bright standard green arrows for 5:1 contrast over deep violet cloud */
  --box-shadow: 0 18px 36px -18px rgba(190, 24, 93, 0.3);
  /* Shape personality — very soft, pill buttons */
  --border-radius-lg: 24px;
  --border-radius-md: 18px;
  --border-radius-sm: 14px;
  --btn-radius: 999px;
}