src/Variables.css - main - ikratkiy/Hyperliquid

src/Variables.css
61 строка2 KB
ikratkiy
feat: add playbook ui foundation
09 июн 2026, 08:43
09 июн 2026, 08:4328888c3
:root {
  color-scheme: dark;
  --bg: #050b15;
  --bg-muted: #0c1726;
  --bg-elevated: rgba(10, 18, 31, 0.88);
  --bg-elevated-strong: rgba(15, 25, 41, 0.96);
  --bg-elevated-soft: rgba(14, 24, 40, 0.78);
  --bg-pill: rgba(17, 29, 47, 0.82);
  --bg-code: rgba(3, 8, 16, 0.72);
  --bg-code-head: rgba(16, 29, 47, 0.94);
  --bg-input: rgba(255, 255, 255, 0.045);
  --ink: #f3f7ff;
  --ink-soft: rgba(243, 247, 255, 0.72);
  --ink-muted: rgba(243, 247, 255, 0.52);
  --ink-inverse: #06101d;
  --accent: #84beff;
  --accent-strong: #abd4ff;
  --accent-soft: rgba(132, 190, 255, 0.18);
  --accent-bg: rgba(132, 190, 255, 0.14);
  --line: rgba(172, 205, 255, 0.14);
  --line-soft: rgba(172, 205, 255, 0.1);
  --line-subtle: rgba(172, 205, 255, 0.08);
  --line-strong: rgba(172, 205, 255, 0.24);
  --success: #67d3a0;
  --success-bg: rgba(43, 120, 85, 0.22);
  --success-line: rgba(103, 211, 160, 0.3);
  --warning: #ffd166;
  --warning-bg: rgba(142, 104, 32, 0.2);
  --warning-line: rgba(255, 209, 102, 0.28);
  --danger: #ff9f8d;
  --danger-bg: rgba(153, 58, 44, 0.22);
  --danger-line: rgba(255, 159, 141, 0.28);
  --button-text: #eff5ff;
  --button-bg-top: #5aa4ff;
  --button-bg-bottom: #2568d8;
  --button-border: rgba(132, 190, 255, 0.2);
  --button-border-hover: rgba(132, 190, 255, 0.34);
  --button-inner-highlight: rgba(255, 255, 255, 0.12);
  --radius-panel: 28px;
  --radius-control: 18px;
  --shadow: 0 28px 70px rgba(2, 8, 18, 0.42);
  --shadow-soft: 0 14px 32px rgba(2, 8, 18, 0.28);
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", "SFMono-Regular", "SF Mono", Consolas, monospace;
}

* { box-sizing: border-box; }
html { min-width: 320px; min-height: 100%; background: var(--bg); }

body {
  margin: 0;
  min-width: 320px;
  min-height: 100vh;
  background:
    radial-gradient(circle at 18% 0%, var(--accent-bg) 0, transparent 34%),
    linear-gradient(135deg, var(--bg) 0%, var(--bg-muted) 100%);
  color: var(--ink);
  font-family: var(--font-sans);
}
button, input, select { font: inherit; }
a { color: inherit; }