/* Fast Ear tokens: light by default, dark from prefers-color-scheme. Values from the approved direction A mockup. */
:root{
  --ground:#F2F2F7; --label:#0A0A0F; --label-2:#5C5C66; --label-3:#0A0A0F94;
  --accent:#4F46E5; --accent-text:#4338CA; --accent-tint:#4F46E524;
  --p1:#F3AAD3; --p2:#6BD8DE; --p3:#F1B77E; --p4:#B1BFFF;
  --card:#FFFFFF; --hairline:#0A0A0F24; --separator:#0A0A0F1A;
  --glass-bg:rgba(255,255,255,.30); --glass-hi:rgba(255,255,255,.95); --glass-edge:rgba(255,255,255,.55);
  --device-shadow:rgba(0,0,0,.22);
  --phone-bezel:#1C1C22; --phone-edge:#3A3A44;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root{
    --ground:#0B0B0F; --label:#F5F5FA; --label-2:#B4B4C0; --label-3:#F5F5FA99;
    --accent:#8B87FF; --accent-text:#B7B4FF; --accent-tint:#8B87FF38;
    --p1:#C87CA8; --p2:#20ACB3; --p3:#C7894A; --p4:#8592DC;
    --card:#1A1A21; --hairline:#F5F5FA33; --separator:#F5F5FA1F;
    --glass-bg:rgba(255,255,255,.06); --glass-hi:rgba(255,255,255,.28); --glass-edge:rgba(255,255,255,.16);
    --device-shadow:rgba(0,0,0,.6);
    --phone-bezel:#2A2A32; --phone-edge:#4A4A56;
    color-scheme:dark;
  }
}