/* ============================================================
   COLOR TOKENS — Working Timer
   Single source of truth, mirrors flutter_handoff/lib/theme/wt_colors.dart
   (WtColors.light / WtColors.dark) 1:1. Do not fork these values —
   update Dart + CSS together if the palette changes.
   ============================================================ */
:root {
  /* Brand */
  --accent:        #0AB0FF;
  --accent-press:  #0691D6;
  --accent-soft:   #E3F4FE;
  /* Semantic states */
  --success:       #14A06B;
  --success-soft:  #E3F6EE;
  --warning:       #E08A00;
  --warning-soft:  #FCF1DC;
  --danger:        #E0414E;
  --danger-soft:   #FBE6E8;
  /* Pro / premium accent */
  --pro:           #8A6BE0;
  --pro-soft:      #EFEAFB;
  /* Neutrals — surfaces */
  --bg:            #F4F6F9;
  --surface:       #FFFFFF;
  --surface-1:     #EDF1F6;
  --surface-2:     #E3E9F0;
  --line:          #E2E8F0;
  --line-strong:   #CDD6E1;
  /* Text */
  --text-1:        #0E1726;
  --text-2:        #58626F;
  --text-3:        #8A94A1;
  /* Elevation */
  --shadow-card:   0 1px 2px rgba(14,23,38,.06), 0 6px 20px rgba(14,23,38,.05);
}

.dark {
  --accent:        #29B8FF;
  --accent-press:  #0AB0FF;
  --accent-soft:   #102A3A;
  --success:       #2BC489;
  --success-soft:  #102A22;
  --warning:       #F4A626;
  --warning-soft:  #2C2310;
  --danger:        #F26B75;
  --danger-soft:   #2C161A;
  --pro:           #A98BF0;
  --pro-soft:      #231C39;
  --bg:            #0E141B;
  --surface:       #161E27;
  --surface-1:     #1E2832;
  --surface-2:     #28333F;
  --line:          #28333F;
  --line-strong:   #36434F;
  --text-1:        #F2F5F8;
  --text-2:        rgba(242,245,248,.66);
  --text-3:        rgba(242,245,248,.42);
  --shadow-card:   0 1px 2px rgba(0,0,0,.4);
}