/* Adwaita / Fedora Workstation design tokens */
:root,
[data-theme="light"] {
  --bg-primary: #fafafa;
  --bg-secondary: #ffffff;
  --bg-tertiary: #f6f5f4;
  --bg-shade: #ebebeb;
  --bg-dark: #d9d9d9;
  --fg-primary: #241f31;
  --fg-secondary: #5e5c64;
  --fg-disabled: #9a9996;
  --fg-inverted: #ffffff;
  --border: rgba(0, 0, 0, 0.12);
  --border-strong: rgba(0, 0, 0, 0.2);
  --accent: #3584e4;
  --accent-hover: #1c71d8;
  --accent-active: #1a5fb4;
  --accent-fg: #ffffff;
  --destructive: #e01b24;
  --destructive-bg: #f66151;
  --success: #2ec27e;
  --warning: #e5a50a;
  --headerbar-bg: #ffffff;
  --headerbar-border: rgba(0, 0, 0, 0.1);
  --sidebar-bg: #f6f5f4;
  --card-bg: #ffffff;
  --popover-bg: #ffffff;
  --popover-shadow: 0 2px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.12);
  --window-shadow: 0 8px 28px rgba(0, 0, 0, 0.28), 0 0 1px rgba(0, 0, 0, 0.2);
  --window-shadow-unfocused: 0 3px 12px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.12);
  --topbar-bg: rgba(0, 0, 0, 0.55);
  --topbar-fg: #ffffff;
  --dash-bg: rgba(0, 0, 0, 0.45);
  --overview-bg: rgba(0, 0, 0, 0.55);
  --osd-bg: rgba(0, 0, 0, 0.72);
  --osd-fg: #ffffff;
  --selection: rgba(53, 132, 228, 0.25);
  --hover: rgba(0, 0, 0, 0.06);
  --active: rgba(0, 0, 0, 0.1);
  --focus-ring: rgba(53, 132, 228, 0.45);
  --scrollbar: rgba(0, 0, 0, 0.25);
  --terminal-bg: #1e1e1e;
  --terminal-fg: #f8f8f2;
  --terminal-green: #50fa7b;
  --terminal-blue: #8be9fd;
  --terminal-yellow: #f1fa8c;
  --terminal-purple: #bd93f9;
  --terminal-red: #ff5555;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-pill: 999px;
  --font: "Cantarell", "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-mono: "Source Code Pro", "JetBrains Mono", "Fira Code", "Menlo", monospace;
  --topbar-h: 32px;
  --dash-size: 68px;
  --titlebar-h: 46px;
  --transition-fast: 120ms ease;
  --transition: 200ms ease;
  --transition-slow: 280ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

[data-theme="dark"] {
  --bg-primary: #242424;
  --bg-secondary: #1e1e1e;
  --bg-tertiary: #303030;
  --bg-shade: #3a3a3a;
  --bg-dark: #1a1a1a;
  --fg-primary: #eeeeec;
  --fg-secondary: #c0bfbc;
  --fg-disabled: #77767b;
  --fg-inverted: #1e1e1e;
  --border: rgba(255, 255, 255, 0.1);
  --border-strong: rgba(255, 255, 255, 0.16);
  --accent: #3584e4;
  --accent-hover: #62a0ea;
  --accent-active: #1c71d8;
  --headerbar-bg: #303030;
  --headerbar-border: rgba(255, 255, 255, 0.08);
  --sidebar-bg: #2a2a2a;
  --card-bg: #303030;
  --popover-bg: #383838;
  --popover-shadow: 0 2px 12px rgba(0, 0, 0, 0.45), 0 0 1px rgba(0, 0, 0, 0.5);
  --window-shadow: 0 10px 32px rgba(0, 0, 0, 0.55), 0 0 1px rgba(0, 0, 0, 0.4);
  --window-shadow-unfocused: 0 4px 14px rgba(0, 0, 0, 0.4), 0 0 1px rgba(0, 0, 0, 0.35);
  --hover: rgba(255, 255, 255, 0.07);
  --active: rgba(255, 255, 255, 0.12);
  --selection: rgba(53, 132, 228, 0.35);
  --scrollbar: rgba(255, 255, 255, 0.25);
  --topbar-bg: rgba(0, 0, 0, 0.65);
  --dash-bg: rgba(0, 0, 0, 0.55);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-family: var(--font);
  font-size: 14px;
  color: var(--fg-primary);
  background: #000;
  -webkit-font-smoothing: antialiased;
  user-select: none;
  cursor: default;
}

button,
input,
textarea,
select {
  font: inherit;
  color: inherit;
}

button {
  border: none;
  background: none;
  cursor: pointer;
  padding: 0;
}

input,
textarea {
  outline: none;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-thumb {
  background: var(--scrollbar);
  border-radius: 10px;
  border: 2px solid transparent;
  background-clip: content-box;
}

::-webkit-scrollbar-track {
  background: transparent;
}

.hidden {
  display: none !important;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}