/* ---------------------------------------------------------------------------
   Design tokens.

   The direction is "comfort": warm throughout, including the dark theme, which
   is umber/plum rather than neutral black. There is deliberately no red and no
   alarm tier — elapsed time is not an error state.
   --------------------------------------------------------------------------- */

:root {
  color-scheme: light;

  /* Surfaces */
  --paper:      #FBF6EC;
  --paper-2:    #F6EEE1;
  --plate:      #F2E9DA;
  --line:       #E7DBC7;

  /* Ink */
  --ink:        #3B322A;
  --ink-2:      #7C6C5B;
  --ink-3:      #AC9C88;

  /* The single accent */
  --amber:      #B8802A;

  /* Ring bands. `--ring-ahead` is the not-yet-elapsed part: remaining time is
     drawn as a pale warm presence rather than left as an empty gap. */
  --ring-ahead: #EFDCB4;
  --ring-track: #EBE0CC;

  /* One fixed colour per time scale, shared by every motif. */
  --scale-day:   #C9902F;
  --scale-week:  #D4A24A;
  --scale-month: #C0842F;
  --scale-year:  #B96A4C;

  --radius:    16px;
  --radius-sm: 11px;

  /* Comfortable pacing: slow, like a tide, not a switch. */
  --slow: 900ms ease;
  --mid:  500ms ease;
}

.dark {
  color-scheme: dark;

  --paper:   #1A1512;
  --paper-2: #221C18;
  --plate:   #261F1A;
  --line:    #38302A;

  --ink:     #F0E4D2;
  --ink-2:   #A89684;
  --ink-3:   #6E6155;

  --amber:   #E5AC4E;

  --ring-ahead: #55452C;
  --ring-track: #332C26;

  --scale-day:   #F0C876;
  --scale-week:  #E0A94B;
  --scale-month: #C0842F;
  --scale-year:  #B96A4C;
}