/* Arise & Shine Command Center — design tokens.
 *
 * SOURCE OF TRUTH: the Verse of the Day curation tool
 * (~/arise-shine-verse-tool/css/app.css:4-22 and its component rules).
 * Values marked "VOTD" are copied verbatim. The few additions are marked
 * "CC" with the reason; nothing here is invented from memory.
 */
@import url('../fonts/playfair-local.css');   /* VOTD: self-hosted Playfair Display, lining figures */

:root {
  /* Surfaces — VOTD */
  --ivory:       #FBF8F2;   /* page / editor */
  --paper:       #FFFDF9;   /* inputs, cards, preview pane */
  --paper-sunk:  #F6F1E7;   /* sidebar */
  --hover:       #EFE8DA;   /* VOTD hover fill (app.css:90) */
  --track:       #EAE2D3;   /* VOTD progress-bar track (app.css:76) */

  /* Ink — VOTD */
  --ink:        #14110E;
  --ink-soft:   #5C554B;
  --ink-faint:  #9C9285;    /* decorative only: 2.9:1 on ivory */
  /* CC: VOTD uses --ink-faint for 11px labels, which fails WCAG AA (2.9:1).
     Readable secondary text uses this darker step of the same hue (4.7:1). */
  --ink-muted:  #776E62;

  /* Lines — VOTD */
  --line:       #E9E1D3;
  --line-firm:  #D8CDB9;

  /* Accents — VOTD */
  --yellow:      #F3DC80;   /* brand mark, highlight band */
  --yellow-pale: #FBF2CE;   /* "complete" day cells */
  --cherry:      #B23A48;   /* errors; matches AppColors.accent in the Flutter app */

  /* Status — VOTD (app.css:123,186-187,266,287,318,387) */
  --ok:          #6E7F55;   /* done tick */
  --ok-text:     #4F7A3A;   /* "free"/success text */
  --warn:        #C99A2E;
  --warn-bg:     #FDF8E4;
  --warn-line:   #EBDCA4;
  --warn-text:   #8A6D1F;
  --err-bg:      #FBF0F1;
  --err-line:    #E8C7CB;

  /* Type — VOTD */
  --serif: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --sans:  -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif;

  /* Shape — VOTD */
  --r: 6px;
  --r-sheet: 10px;
  --shadow: 0 1px 2px rgba(20,17,14,.04), 0 8px 24px -16px rgba(20,17,14,.18);
  --shadow-sheet: 0 30px 80px -30px rgba(20,17,14,.55);
  --scrim: rgba(20,17,14,.34);

  /* CC: VOTD has no focus ring (border colour only). Keyboard users need one. */
  --focus: 0 0 0 2px var(--ivory), 0 0 0 4px var(--ink);

  /* Layout — CC, sized from VOTD's 288px sidebar */
  --nav-w: 232px;
}