/* ONO edition 01 · app 0.1.21-test.1. Source snapshot; theme scope is opt-in. */
:root {
  --ono-brand-lime: #D7EE85;
  --ono-brand-charcoal: #101310;
  --ono-brand-paper: #F7F5F2;
  --ono-brand-ink: #1E1919;
  --ono-brand-action-blue: #0061FE;
  --ono-brand-white: #FFFFFF;
}

[data-ono-theme="dropbox"] {
  --bg-base: #f7f5f2;
  --bg-glow-a: transparent;
  --bg-glow-b: transparent;
  --surface-window: #fff;
  --surface-panel: #f7f5f2;
  --surface-bar: #ebe9e6;
  --matte: #1e19190a;
  --hairline: #d3cec9;
  --hairline-hi: #978f86;
  --text-1: #1e1919;
  --text-2: #5b5650;
  --text-3: #67615a;
  --accent-from: #0061fe;
  --accent-to: #007891;
  --accent-solid: #0061fe;
  --state-ok: #0f503c;
  --state-warn: #9b6400;
  --state-busy: var(--text-2);
  --blur: none;
  --texture: none;
  --font-meta: inherit;
  --shadow-window: 0 12px 36px -12px #1e19192b;
  --shadow-window-unfocused: 0 6px 18px -6px #1e19191a;
  --shadow-bar: 0 1px 0 #d3cec9;
  --shadow-accent: 0 3px 12px #0061fe26;
  --active-glow: 0 0 0 2px #0061fe;
  --control: #ebe9e6;
  --hover: #dfdcd8;
  --r-window: 12px;
  --r-panel: 10px;
  --r-chip: 5px;
  --r-pill: 999px;
  --font-ui: Roboto, system-ui, sans-serif;
}

[data-ono-theme="neutral"] {
  --bg-base: #17191c;
  --bg-glow-a: transparent;
  --bg-glow-b: transparent;
  --surface-window: #202327;
  --surface-panel: rgba(40, 43, 48, 0.96);
  --surface-bar: rgba(20, 22, 25, 0.92);
  --matte: rgba(255, 255, 255, 0.06);
  --hairline: rgba(255, 255, 255, 0.09);
  --hairline-hi: rgba(255, 255, 255, 0.2);
  --text-1: #e6e5e2;
  --text-2: #9b9a96;
  --text-3: #6a6966;
  --accent-from: #7e8ca0;
  --accent-to: #94a0b2;
  --accent-solid: #8894a6;
  --state-ok: #91b49a;
  --state-warn: #d2aa68;
  --state-busy: var(--text-2);
  --blur: blur(20px) saturate(105%);
  --texture: none;
  --font-meta: inherit;
  --shadow-window: 0 24px 64px -12px #000b, 0 2px 8px #0006;
  --shadow-window-unfocused: 0 12px 32px -12px #0009;
  --shadow-bar: 0 -8px 32px #0005;
  --shadow-accent: 0 0 24px #8894a640;
  --active-glow: 0 0 0 1px #8894a68c, 0 0 32px -4px #8894a640;
  --control: rgba(255, 255, 255, 0.06);
  --hover: rgba(255, 255, 255, 0.1);
  --r-window: 20px;
  --r-panel: 14px;
  --r-chip: 7px;
  --r-pill: 999px;
  --font-ui: Roboto, system-ui, sans-serif;
}

[data-ono-theme="terminal"] {
  --bg-base: #0a0a0b;
  --bg-glow-a: transparent;
  --bg-glow-b: transparent;
  --surface-window: #111112;
  --surface-panel: rgba(23, 23, 24, 0.98);
  --surface-bar: #080809;
  --matte: #c9922e1a;
  --hairline: #d6b77a24;
  --hairline-hi: #d6b77a42;
  --text-1: #d8d2c4;
  --text-2: #8c8879;
  --text-3: #5f5c52;
  --accent-from: #c9922e;
  --accent-to: #e0a94a;
  --accent-solid: #d19a33;
  --state-ok: #a6b985;
  --state-warn: #dbb96c;
  --state-busy: var(--text-2);
  --blur: blur(8px) saturate(90%);
  --texture: none;
  --font-meta: "Roboto Mono", monospace;
  --shadow-window: 0 24px 64px -12px #000c, 0 2px 8px #0007;
  --shadow-window-unfocused: 0 12px 32px -12px #0009;
  --shadow-bar: 0 -8px 32px #0005;
  --shadow-accent: 0 0 24px #d19a3338;
  --active-glow: 0 0 0 1px #d19a338c, 0 0 32px -4px #d19a3340;
  --control: rgba(255, 255, 255, 0.06);
  --hover: rgba(255, 255, 255, 0.1);
  --r-window: 20px;
  --r-panel: 14px;
  --r-chip: 7px;
  --r-pill: 999px;
  --font-ui: Roboto, system-ui, sans-serif;
}

[data-ono-theme="daylight"] {
  --bg-base: #f4f3f0;
  --bg-glow-a: transparent;
  --bg-glow-b: transparent;
  --surface-window: #fff;
  --surface-panel: #f7f7f5;
  --surface-bar: #ffffffe8;
  --matte: #0000000d;
  --hairline: #00000014;
  --hairline-hi: #00000024;
  --text-1: #1c1b19;
  --text-2: #6e6c68;
  --text-3: #9a9894;
  --accent-from: #6366a8;
  --accent-to: #8286c4;
  --accent-solid: #6f73b4;
  --state-ok: #3d7650;
  --state-warn: #936019;
  --state-busy: var(--text-2);
  --blur: blur(24px) saturate(120%);
  --texture: none;
  --font-meta: inherit;
  --shadow-window: 0 8px 24px -8px #0000001f, 0 1px 2px #0000000f;
  --shadow-window-unfocused: 0 6px 18px -6px #00000014;
  --shadow-bar: 0 -4px 20px #0000000f;
  --shadow-accent: 0 4px 18px #6f73b429;
  --active-glow: 0 0 0 1px #6f73b48c, 0 8px 28px -6px #6f73b447;
  --control: #00000006;
  --hover: #0000000e;
  --r-window: 20px;
  --r-panel: 14px;
  --r-chip: 7px;
  --r-pill: 999px;
  --font-ui: Roboto, system-ui, sans-serif;
}

[data-ono-theme="aurora"] {
  --bg-base: #07080b;
  --bg-glow-a: #3d8bff29;
  --bg-glow-b: #9b6bff24;
  --surface-window: #121624;
  --surface-panel: rgba(26, 30, 46, 0.96);
  --surface-bar: rgba(10, 12, 22, 0.92);
  --matte: rgba(255, 255, 255, 0.06);
  --hairline: rgba(255, 255, 255, 0.09);
  --hairline-hi: rgba(255, 255, 255, 0.2);
  --text-1: #eceef7;
  --text-2: #a5abbe;
  --text-3: #737c94;
  --accent-from: #3d8bff;
  --accent-to: #9b6bff;
  --accent-solid: #6e7bff;
  --state-ok: #89cda8;
  --state-warn: #e0b16a;
  --state-busy: var(--text-2);
  --blur: blur(24px) saturate(130%);
  --texture: none;
  --font-meta: inherit;
  --shadow-window: 0 24px 64px -12px #000b, 0 2px 8px #0006;
  --shadow-window-unfocused: 0 12px 32px -12px #0009;
  --shadow-bar: 0 -8px 32px #0005;
  --shadow-accent: 0 0 24px #6e7bff73;
  --active-glow: 0 0 0 1px #6e7bff8c, 0 0 32px -4px #6e7bff40;
  --control: rgba(255, 255, 255, 0.06);
  --hover: rgba(255, 255, 255, 0.1);
  --r-window: 20px;
  --r-panel: 14px;
  --r-chip: 7px;
  --r-pill: 999px;
  --font-ui: Roboto, system-ui, sans-serif;
}

[data-ono-theme="eink"] {
  --bg-base: #f5f5f3;
  --bg-glow-a: transparent;
  --bg-glow-b: transparent;
  --surface-window: #fff;
  --surface-panel: #f5f5f3;
  --surface-bar: #f5f5f3;
  --matte: #ececec;
  --hairline: #d6d6d6;
  --hairline-hi: #777;
  --text-1: #111;
  --text-2: #444;
  --text-3: #62625f;
  --accent-from: #111;
  --accent-to: #111;
  --accent-solid: #111;
  --state-ok: #111;
  --state-warn: #444;
  --state-busy: #444;
  --blur: none;
  --texture: none;
  --font-meta: "Roboto Mono", monospace;
  --shadow-window: none;
  --shadow-window-unfocused: none;
  --shadow-bar: none;
  --shadow-accent: none;
  --active-glow: none;
  --control: #ececec;
  --hover: #ddd;
  --r-window: 10px;
  --r-panel: 10px;
  --r-chip: 5px;
  --r-pill: 999px;
  --font-ui: Roboto, system-ui, sans-serif;
}