/* colour tokens and the selectable themes */

:root {
  --bg-body: #050505;
  --bg-body-translucent: rgba(5,5,5,.79);
  --bg-grid: #181818;
  --surface-0: #060606;
  --surface-1: #0b0b0b;
  --surface-2: #0e0e0e;
  --surface-3: #111111;
  --surface-4: #141414;
  --surface-5: #181818;
  --surface-hover: #242424;
  --surface-active: #2b2b2b;
  --text-primary: #ebebeb;
  --text-secondary: #c8c8c8;
  --text-muted: #8c8c8c;
  --text-faint: #646464;
  --text-white: #fafafa;
  --border-subtle: rgba(255,255,255,.05);
  --border-faint: rgba(255,255,255,.10);
  --border-medium: #282828;
  --accent: #ffffff;
  --accent-soft: rgba(255,255,255,.08);
  --accent-active: rgba(255,255,255,.12);
  --input: #181818;
  --input-search: rgba(255,255,255,.02);
  --search-inset: #0d0d0d;
  --search-inset-focus: #111111;
  --search-glow: rgba(255,255,255,.16);
  --radius-detail: 4px;
  --radius-frame: 6px;
  --radius-item: 10px;
  --radius-control: 15px;
  --radius-panel: 15px;
  --radius-dialog: 20px;
  --radius-bar: 25px;
  --motion: cubic-bezier(.4,0,.2,1);
  --font: 'Lexend', sans-serif;
  --font-weight: 450;
}

[data-theme="catppuccin"] {
  --bg-body:#1e1e2e; --surface-0:#1f1f30; --surface-1:#222235; --surface-2:#252539;
  --surface-3:#28283c; --surface-4:#2c2c43; --surface-5:#343448; --surface-hover:#45475a;
  --surface-active:#585b70; --text-primary:#dee4f8; --text-secondary:#bac2de; --text-muted:#808499;
  --text-faint:#656881; --accent:#cba6f7; --accent-soft:#cba6f718; --accent-active:#cba6f733;
  --input:#313244; --search-inset:#232336; --search-inset-focus:#2a2a40; --search-glow:#cba6f740;
  --border-faint:#45475a66; --border-medium:#45475a; --bg-grid:#313244;
}
[data-theme="tokyo night"] {
  --bg-body:#1a1b26; --surface-0:#1c1d26; --surface-1:#1f202d; --surface-2:#22232f; --surface-3:#242534;
  --surface-4:#292e42; --surface-5:#30324c; --surface-hover:#565f89; --surface-active:#565f89;
  --text-primary:#dce1f9; --text-secondary:#bac1de; --text-muted:#727ca6; --text-faint:#58628d;
  --accent:#7aa2f7; --accent-soft:#7aa2f718; --accent-active:#7aa2f733; --input:#292e42;
  --search-inset:#24283b; --search-inset-focus:#292e42; --search-glow:#7aa2f740; --border-faint:#3b426188;
  --border-medium:#3b4261; --bg-grid:#292e42;
}
[data-theme="everforest"] {
  --bg-body:#272e33; --surface-0:#282f35; --surface-1:#2c3439; --surface-2:#2e373d; --surface-3:#313a40;
  --surface-4:#384046; --surface-5:#465057; --surface-hover:#56636a; --surface-active:#5d6b72;
  --text-primary:#f1ede4; --text-secondary:#dad2be; --text-muted:#878d92; --text-faint:#6c7972;
  --accent:#a7c080; --accent-soft:#a7c08018; --accent-active:#a7c08033; --input:#374145;
  --search-inset:#2e383c; --search-inset-focus:#374145; --search-glow:#a7c08040; --border-faint:#4a555b88;
  --border-medium:#4a555b; --bg-grid:#374145;
}
[data-theme="kanagawa"] {
  --bg-body:#1f1f28; --surface-0:#20202a; --surface-1:#24242e; --surface-2:#262632; --surface-3:#292936;
  --surface-4:#2e2e3c; --surface-5:#3b3b4e; --surface-hover:#54546d; --surface-active:#625e7e;
  --text-primary:#f1efe4; --text-secondary:#ddd8bb; --text-muted:#888891; --text-faint:#646482;
  --accent:#7e9cd8; --accent-soft:#7e9cd818; --accent-active:#7e9cd833; --input:#363646;
  --search-inset:#2a2a37; --search-inset-focus:#363646; --search-glow:#7e9cd840; --border-faint:#45455a88;
  --border-medium:#45455a; --bg-grid:#2a2a37;
}
[data-theme="sakura"] {
  --bg-body:#120a10; --surface-0:#130b11; --surface-1:#190e16; --surface-2:#1d101a; --surface-3:#1e151c;
  --surface-4:#261a23; --surface-5:#362833; --surface-hover:#4a3848; --surface-active:#553f55;
  --text-primary:#f2e4ec; --text-secondary:#d8c0d0; --text-muted:#988096; --text-faint:#836380;
  --accent:#ff69b4; --accent-soft:#ff69b418; --accent-active:#ff69b433; --input:#261a26;
  --search-inset:#1c1218; --search-inset-focus:#261a26; --search-glow:#ff69b440; --border-faint:#3a283888;
  --border-medium:#3a2838; --bg-grid:#221822;
}
[data-theme="christmas"] {
  --bg-body:#0b100d; --surface-0:#0c110e; --surface-1:#111813; --surface-2:#141c16; --surface-3:#18211a;
  --surface-4:#1f2b22; --surface-5:#2b3a2f; --surface-hover:#3a4d3f; --surface-active:#46604b;
  --text-primary:#f6efe2; --text-secondary:#dcd2bc; --text-muted:#98a08f; --text-faint:#76806f;
  --accent:#e5484d; --accent-soft:#e5484d18; --accent-active:#e5484d33; --input:#1b261e;
  --search-inset:#121a14; --search-inset-focus:#1b261e; --search-glow:#f2b24a40; --border-faint:#2f402f88;
  --border-medium:#2f402f; --bg-grid:#18241b;
}