@import url("/themes/floor.css");

/* ================================================================ omnitronix

   The product's own storefront: light, quiet, one indigo accent. Same --brand-* contract as every
   other brand, so the floor stylesheet renders it without knowing this file exists.

   Deliberately not set: table density and state colours. The floor is the first surface this brand
   skin covers; the panels keep their own framework styling until there is a reason to move them. */

:root {
    --brand-bg: #f5f7fb;
    --brand-panel: #ffffff;
    --brand-field: #f0f3f9;
    --brand-line: #dce3ef;
    --brand-ink: #10162a;
    --brand-muted: #64748b;
    --brand-accent: #2f4bff;
    --brand-accent-hi: #1f38d6;
    --brand-ink-on-accent: #ffffff;
    --brand-radius: 14px;
    --brand-font-display: "Inter", "Segoe UI", system-ui, sans-serif;
    --brand-font-body: "Inter", "Segoe UI", system-ui, sans-serif;
}

body {
    background: var(--brand-bg);
    color: var(--brand-ink);
    font-family: var(--brand-font-body);
}

h1, h2, h3, h4, h5, h6 {
    color: var(--brand-ink);
    font-family: var(--brand-font-display);
    letter-spacing: -.02em;
}

.page__content__navbar,
nav.page__navbar {
    background: var(--brand-panel);
    border-bottom: 1px solid var(--brand-line);
}

nav.page__navbar a,
.page__content__navbar a {
    color: var(--brand-ink);
    font-family: var(--brand-font-display);
    font-weight: 600;
}

nav.page__navbar a:hover,
.page__content__navbar a:hover { color: var(--brand-accent); }

a { color: var(--brand-accent); }

input, select, textarea {
    background: var(--brand-field);
    border: 1px solid var(--brand-line);
    color: var(--brand-ink);
    border-radius: 10px;
}