/* Clear: the default theme for Mommie Dearest. Not part of schnews; loaded after
   theme-styles.css so that file stays a verbatim copy that can be re-synced from mailz.

   The shape of Airy and Modern (generous spacing, soft corners, flat surfaces) with much
   stronger contrast, because subtle contrast is hard for older eyes. The colours are warm and
   soft rather than black on white: a cream page, white cards, deep navy text (not pure black),
   a teal accent, and warm tints for shading. Shading is never a neutral grey, and text never
   sits on a mid-tone. tests/test_theme_contrast.py reads the tokens below and fails if any
   pairing drops under its target:

     body text and links, text on buttons ....... 7:1  (WCAG AAA)
     muted text, accents, warnings .............. 4.5:1 (AA, and ours is well above)
     borders, focus ring ........................ 3:1  against the page and cards

   Keep every palette token on one line, `--name: #rrggbb;`, so the test can read them.
   Selection never relies on colour alone (see .look-card and .tile in mommie.css). */

[data-theme="clear-light"] {
  --bg: #fbf6ec; --surface: #ffffff; --border: #8a7a64;
  --text: #17233b; --muted: #4a5670;
  --primary: #0a5c63; --primary-bg: #0a5c63; --primary-dark: #07454b; --on-primary: #ffffff;
  --secondary: #9a3f16;
  --danger: #a4161a; --input-bg: #ffffff; --bg-hover: #f3e8d2;
  --line: #e3d7c0; --read-bg: #ffffff; --sel: #d3ebea; --search-bg: #ffffff;
  --focus: #0a5c63;
}
/* in the dark palette the hover shade (primary-dark) is lighter, so button text stays 7:1 */
[data-theme="clear-dark"] {
  --bg: #131a2b; --surface: #1d2640; --border: #8592b0;
  --text: #f8f2e4; --muted: #c6cee0;
  --primary: #74d3d9; --primary-bg: #74d3d9; --primary-dark: #a0e2e6; --on-primary: #06262a;
  --secondary: #ffb26b;
  --danger: #ff9c9c; --input-bg: #131a2b; --bg-hover: #283454;
  --line: #33405f; --read-bg: #1d2640; --sel: #1f4a5c; --search-bg: #1d2640;
  --focus: #ffd54a;
}
[data-style="clear"] {
  --radius: 16px; --r-ctl: 12px; --r-btn: 12px; --r-tab: 12px; --r-icon: 12px; --r-pill: 999px;
  --bw: 2px; --bwp: 2px;
  --raised-bc: var(--border); --sunken-bc: var(--border); --panel-bc: var(--border);
  --raised-sh: none; --sunken-sh: none;
  --panel-sh: 0 12px 40px rgba(23, 35, 59, 0.25);
  --pop-sh: 0 8px 24px rgba(0, 0, 0, 0.25);
  --float-sh: 0 2px 8px rgba(0, 0, 0, 0.25);
  --hover-bc: var(--primary); --hover-fg: var(--text);
  --btn-bg: var(--surface); --btn-bg-hover: var(--bg-hover);
  --tab-accent: var(--primary);
  --top-bg: var(--surface); --top-fg: var(--text);
  --scrim: rgba(0, 0, 0, 0.6);
}