/* Operations — Color tokens
 * Warm editorial palette: cream paper, warm ink, one brick-red accent,
 * a deeper maroon for domain markers. A blush theme is offered as an alt mood.
 */
:root {
  /* ---- Base neutrals (warm) ---- */
  --paper:        #F5F2EA;  /* primary canvas — cream */
  --paper-raised: #FBF8F2;  /* sidebar, panels, raised fields */
  --paper-sunken: #EFEBE0;  /* insets, hovered rows */

  --ink:        #1A1712;  /* primary text — warm near-black */
  --ink-2:      #57524A;  /* secondary text */
  --ink-muted:  #8A857B;  /* meta, captions */
  --ink-faint:  #B4AE9F;  /* disabled, placeholder, tertiary */

  --hairline:      #E4DDCF;  /* dividers, borders on paper */
  --hairline-soft: #EDE7DA;  /* faintest rules */

  /* ---- Brand accents ---- */
  --brick:      #B6422E;  /* primary accent: stars, links, active, mic */
  --brick-deep: #9B3624;  /* pressed / hover-dark accent */
  --brick-tint: #F0DAD1;  /* accent wash / hovered accent bg */
  --maroon:     #7F3039;  /* domain dots, deep markers */
  --ember:      #E8722B;  /* streak flame accent (🔥) */

  /* ---- Blush alternate mood (used on some Today views) ---- */
  --blush:        #F8E8E5;
  --blush-raised: #FBF0F0;

  /* ---- Semantic aliases ---- */
  --bg:            var(--paper);
  --surface:       var(--paper-raised);
  --surface-sunken:var(--paper-sunken);
  --text:          var(--ink);
  --text-secondary:var(--ink-2);
  --text-muted:    var(--ink-muted);
  --text-faint:    var(--ink-faint);
  --border:        var(--hairline);
  --border-soft:   var(--hairline-soft);

  --accent:        var(--brick);
  --accent-hover:  var(--brick-deep);
  --link:          var(--brick);
  --danger:        var(--brick);   /* overdue / due-today emphasis */
  --marker:        var(--maroon);
  --streak:        var(--ember);

  /* Domain dot palette (projects/life areas) */
  --dot-life:    #7F3039;
  --dot-home:    #3A6B72;
  --dot-work:    #8A6D2F;
  --dot-content: #6B4A7A;
}

/* Blush theme scope — apply data-theme="blush" on a container */
[data-theme="blush"] {
  --bg:      var(--blush);
  --surface: var(--blush-raised);
}