AkurAI-Framework / crates/cli/assets/styles.css

Latest change 3ad787ae157fc60f711c536c1811b3b199b0ac1a - init: AkurAI-Framework foundation (history reset after FS corruption) by Ólafur Búi Ólafsson

/* Hand-written for the starter page. The from-scratch utility CSS engine
   (crates/css) will generate this kind of output later; for now it's static. */
:root {
  --bg: #0b0d12;
  --card: #141821;
  --fg: #e6e9ef;
  --muted: #8b93a7;
  --accent: #5b8cff;
  --ok: #3ddc84;
}
* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; }
body {
  background: radial-gradient(1200px 600px at 50% -10%, #1a2030, var(--bg));
  color: var(--fg);
  font: 16px/1.5 ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  display: grid;
  place-items: center;
}
.shell { width: min(560px, 92vw); padding: 32px 0; }
.card {
  background: linear-gradient(180deg, #161b26, var(--card));
  border: 1px solid #232a38;
  border-radius: 18px;
  padding: 40px 36px;
  box-shadow: 0 24px 60px -24px #000;
}
.mark { font-size: 34px; color: var(--accent); }
h1 { margin: 10px 0 6px; font-size: 30px; letter-spacing: -0.02em; }
.tag { margin: 0 0 22px; color: var(--muted); }
.tag strong { color: var(--fg); }
.status {
  display: inline-flex; align-items: center; gap: 9px;
  padding: 8px 14px; border-radius: 999px;
  background: #11161f; border: 1px solid #232a38; color: var(--muted);
  font-size: 14px;
}
.status.ok { color: var(--ok); border-color: #1d3a2a; }
.status::before {
  content: ""; width: 9px; height: 9px; border-radius: 50%;
  background: currentColor; box-shadow: 0 0 0 4px color-mix(in srgb, currentColor 22%, transparent);
}
.links { list-style: none; padding: 0; margin: 26px 0 8px; display: grid; gap: 10px; }
.links li { display: flex; align-items: baseline; gap: 10px; }
.links a { color: var(--accent); text-decoration: none; font-weight: 600; }
.links a:hover { text-decoration: underline; }
.links span { color: var(--muted); font-size: 13px; }
footer { margin-top: 26px; color: var(--muted); font-size: 13px; }
code { background: #11161f; padding: 2px 6px; border-radius: 6px; color: #cdd5e6; }