/* Color tokens — ported from iOS AppColors.swift.
   Three themes: light, mid (dim), dark. Dark is default to match iOS. */

:root,
:root[data-theme="dark"] {
  --bg:        #000000;
  --card:      #1c1c1e;
  --card2:     #222226;
  --card3:     #1e1e22;
  --bord:      #2c2c2e;
  --bord2:     #3a3a3c;
  --muted:     #636366;
  --sub:       #8e8e93;
  --input:     #0e0e10;
  --strip:     #0d0d10;
  --blue:      #0a84ff;
  --green:     #32d74b;
  --red:       #ff453a;
  --amber:     #ff9f0a;
  --purple:    #bf5af2;
  --lime:      #aacc00;
  --text:      #ffffff;
  --text-secondary: #ebebf5;
  --text-tertiary:  #ebebf599;
}

:root[data-theme="light"] {
  --bg:        #ffffff;
  --card:      #ffffff;
  --card2:     #f8f9fb;
  --card3:     #ffffff;
  --bord:      #e3e6ec;
  --bord2:     #d8dce3;
  --muted:     #8a8f9e;
  --sub:       #5b6070;
  --input:     #f1f3f6;
  --strip:     #f8f9fb;
  --blue:      #0a5bd4;
  --green:     #1e9e5a;
  --red:       #d6363f;
  --amber:     #d9872b;
  --purple:    #9938cc;
  --lime:      #809e00;
  --text:      #000000;
  --text-secondary: #3c3c43;
  --text-tertiary:  #3c3c4399;
}

:root[data-theme="mid"] {
  --bg:        #383838;
  --card:      #1c1c1e;
  --card2:     #222226;
  --card3:     #1e1e22;
  --bord:      #2c2c2e;
  --bord2:     #3a3a3c;
  --muted:     #636366;
  --sub:       #8e8e93;
  --input:     #0e0e10;
  --strip:     #0d0d10;
  --blue:      #0a84ff;
  --green:     #32d74b;
  --red:       #ff453a;
  --amber:     #ff9f0a;
  --purple:    #bf5af2;
  --lime:      #aacc00;
  --text:      #ffffff;
  --text-secondary: #ebebf5;
  --text-tertiary:  #ebebf599;
}