/* Sleep21 Figma source: 8aBLvOqEn0UiaR2yH5InBV. Exact existing Dark tokens. */
:root {
 --color-bg-base:#0d1e0a; --color-bg-surface:#142b10; --color-bg-elevated:#254815; --color-bg-selected:#406c1b;
 --color-text-primary:#ffffff; --color-text-secondary:#c6cec1; --color-text-muted:#8e9988; --color-text-inverse:#0d1e0a;
 --color-action-primary:#406c1b; --color-action-primary-pressed:#568a25; --color-action-accent:#ff8000; --color-action-disabled:#33402e;
 --color-border-default:#566050; --color-border-strong:#568a25; --color-border-accent:#ff8000;
 --color-icon-primary:#ffffff; --color-icon-secondary:#c6cec1;
 --color-state-success:#2f9e73; --color-state-warning:#e6982f; --color-state-error:#d45d5d; --color-state-error-text:#f19a9a;
 --space-0:0; --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:20px; --space-6:24px; --space-8:32px; --space-10:40px; --space-12:48px;
 --radius-none:0; --radius-sm:8px; --radius-md:12px; --radius-lg:16px; --radius-xl:24px; --radius-full:999px;
 --size-icon-sm:16px; --size-icon-md:20px; --size-icon-lg:24px; --size-touch-min:44px; --size-control-md:52px; --size-control-lg:56px; --size-screen-mobile:390px;
 --shadow-card:0 6px 16px rgba(0,0,0,.24); --shadow-modal:0 12px 32px rgba(0,0,0,.36);
}