/**
 * Omni Brand Labs — design tokens v1
 * Candidate to replace prod accent later. Do NOT inherit #0a84ff.
 */
:root {
  /* Surfaces — HRня warm charcoal (canon for Work / Matching / HRня) */
  --omni-bg: #161410;
  --omni-bg-deep: #100e0c;
  --omni-bg-elevated: #1e1b17;
  --omni-surface: #27231e;
  --omni-surface-hover: #312c26;
  --omni-surface-raised: #312c26;

  /* Text */
  --omni-text: #f2f0eb;
  --omni-text-secondary: #9a9690;
  --omni-text-muted: #5c5a56;

  /* Accent — copper / amber (warm instrument signal) */
  --omni-accent: #d4893a;
  --omni-accent-hover: #e49a4c;
  --omni-accent-dim: rgba(212, 137, 58, 0.18);
  --omni-accent-line: rgba(212, 137, 58, 0.55);
  --omni-metal: #8a8680;
  --omni-metal-bright: #c4bfb6;

  /* Status */
  --omni-success: #3dba7a;
  --omni-warning: #e0b03a;
  --omni-danger: #e0544a;

  /* Borders */
  --omni-border: rgba(138, 134, 128, 0.28);
  --omni-border-strong: rgba(138, 134, 128, 0.45);

  /* Radius — restrained */
  --omni-radius-sm: 6px;
  --omni-radius: 8px;
  --omni-radius-lg: 12px;

  /* Typography */
  --omni-font-ui: "Onest", system-ui, sans-serif;
  --omni-font-display: "Geologica", system-ui, sans-serif;
  --omni-font-mono: "IBM Plex Mono", ui-monospace, monospace;

  /* Dense spacing */
  --omni-space-1: 4px;
  --omni-space-2: 8px;
  --omni-space-3: 12px;
  --omni-space-4: 16px;
  --omni-space-5: 20px;
  --omni-space-6: 24px;
  --omni-space-8: 32px;

  --omni-header-h: 48px;
  --omni-transition: 0.18s ease;

  color-scheme: dark;
}

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

html {
  font-family: var(--omni-font-ui);
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  margin: 0;
  background: var(--omni-bg);
  color: var(--omni-text);
  font-size: 14px;
  line-height: 1.45;
}

a {
  color: var(--omni-accent);
  text-decoration: none;
}

a:hover {
  color: var(--omni-accent-hover);
}

.omni-display {
  font-family: var(--omni-font-display);
  font-weight: 700;
  letter-spacing: 0.06em;
}

.omni-mono {
  font-family: var(--omni-font-mono);
  font-weight: 400;
  font-size: 12px;
}

/* Dark autofill override */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-text-fill-color: var(--omni-text) !important;
  -webkit-box-shadow: 0 0 0 1000px var(--omni-surface) inset !important;
  box-shadow: 0 0 0 1000px var(--omni-surface) inset !important;
  transition: background-color 99999s ease-out;
  caret-color: var(--omni-text);
}