/* The "Omarchy" look (owner 2026-10-03): styled after the owner's OS — flat, bordered, a terminal's calm — in the
   font Libron with true small caps (github.com/nicoverbruggen/libron, OFL, self-hosted: works offline).
   Colors come from the chosen OS theme (look.js sets the tokens); nothing here writes a color. */
@font-face { font-family:"Libron"; src:url("/static/fonts/libron/Libron-Regular.woff2") format("woff2");
             font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:"Libron"; src:url("/static/fonts/libron/Libron-Italic.woff2") format("woff2");
             font-weight:400; font-style:italic; font-display:swap; }
@font-face { font-family:"Libron"; src:url("/static/fonts/libron/Libron-Bold.woff2") format("woff2");
             font-weight:700; font-style:normal; font-display:swap; }
@font-face { font-family:"Libron"; src:url("/static/fonts/libron/Libron-BoldItalic.woff2") format("woff2");
             font-weight:700; font-style:italic; font-display:swap; }

:root[data-vibe="omarchy"] { --font:"Libron", Georgia, serif; --radius:4px; --radius-sm:3px; --border-w:2px;
                              --shadow:none; }

/* small caps EVERYWHERE, typing included (owner 2026-10-03: "I love the smallcaps everywhere. Wouldn't have it any
   other way. I might even want them when I type") — true small caps from the font, never faked */
:root[data-vibe="omarchy"] body { font-variant-caps:small-caps; font-feature-settings:"smcp", "tnum";
                                  font-synthesis:none; letter-spacing:.01em; }
:root[data-vibe="omarchy"] input, :root[data-vibe="omarchy"] textarea, :root[data-vibe="omarchy"] select,
:root[data-vibe="omarchy"] button {
  font-family:var(--font); font-variant-caps:small-caps; font-feature-settings:"smcp", "tnum"; font-synthesis:none; }
:root[data-vibe="omarchy"] h1, :root[data-vibe="omarchy"] h2, :root[data-vibe="omarchy"] h3,
:root[data-vibe="omarchy"] th, :root[data-vibe="omarchy"] .label, :root[data-vibe="omarchy"] .navbtn {
  font-variant-caps:all-small-caps; font-feature-settings:"smcp", "c2sc", "tnum"; letter-spacing:.06em; }

/* flat and bordered, like the OS's windows */
:root[data-vibe="omarchy"] button { border:var(--border-w) solid var(--line); box-shadow:none; }
:root[data-vibe="omarchy"] button.brand, :root[data-vibe="omarchy"] .tabs button.on,
:root[data-vibe="omarchy"] .navbtn.on { border-color:var(--accent); }
:root[data-vibe="omarchy"] button.go { border-color:var(--go); }
:root[data-vibe="omarchy"] button.stop { border-color:var(--stop); }
:root[data-vibe="omarchy"] button.pause { border-color:var(--pause); }
:root[data-vibe="omarchy"] .row, :root[data-vibe="omarchy"] .menu, :root[data-vibe="omarchy"] .note,
:root[data-vibe="omarchy"] .alert, :root[data-vibe="omarchy"] table.grid, :root[data-vibe="omarchy"] .day,
:root[data-vibe="omarchy"] .panel, :root[data-vibe="omarchy"] .lane, :root[data-vibe="omarchy"] .hero,
:root[data-vibe="omarchy"] .dlg, :root[data-vibe="omarchy"] .step-card, :root[data-vibe="omarchy"] .undo {
  border-width:var(--border-w); box-shadow:none; }
:root[data-vibe="omarchy"] .navbtn, :root[data-vibe="omarchy"] .linkish, :root[data-vibe="omarchy"] .menu-btn,
:root[data-vibe="omarchy"] .mitem { border-color:transparent; }
:root[data-vibe="omarchy"] .navbtn.on { border-color:var(--accent); }
:root[data-vibe="omarchy"] .row:hover, :root[data-vibe="omarchy"] .lane:hover { border-color:var(--accent); }
:root[data-vibe="omarchy"] .hero { background:var(--card); }
:root[data-vibe="omarchy"] .mitem:hover, :root[data-vibe="omarchy"] .navbtn:hover,
:root[data-vibe="omarchy"] table.matrix tr:hover td { background:var(--selection, var(--chip)); }

/* a waybar-like top line on the floor header and the office sidebar */
:root[data-vibe="omarchy"] body > main > header { border-bottom:var(--border-w) solid var(--accent); padding-bottom:8px; }
:root[data-vibe="omarchy"] .side { border-right:var(--border-w) solid var(--accent); }
:root[data-vibe="omarchy"] .badge, :root[data-vibe="omarchy"] .alert .aicon { border-radius:var(--radius-sm); }
:root[data-vibe="omarchy"] .dot { border-radius:var(--radius-sm) !important; }
:root[data-vibe="omarchy"] .pill, :root[data-vibe="omarchy"] .tag, :root[data-vibe="omarchy"] .chip {
  border-radius:var(--radius-sm); }

/* owner 6 Oct: "there's nothing round in omarchy" — square corners everywhere in this look, whatever a rule says */
:root[data-vibe="omarchy"] { --radius:0; --radius-sm:0; }
:root[data-vibe="omarchy"] *, :root[data-vibe="omarchy"] *::before, :root[data-vibe="omarchy"] *::after { border-radius:0 !important; }