/* OOMLO theme tokens v1.1 (v1.0 + border-input, light link-on-surface-2) · generated from tokens.json · dark is default, light on [data-theme="light"] */
:root, [data-theme="dark"] {
  --oomlo-bg: #131418;
  --oomlo-surface: #2A2C36;
  --oomlo-surface-2: #353845;
  --oomlo-text: #FFFFFF;
  --oomlo-text-2: #B9BBC7;
  --oomlo-accent: #F15722;
  --oomlo-accent-hover: #F86F3E;
  --oomlo-accent-on: #131418;
  --oomlo-border: rgba(255,255,255,0.12);
  --oomlo-border-solid: #3D404C;
  --oomlo-success: #6CC49C;
  --oomlo-error: #F08A80;
  --oomlo-focus: #F15722;
  --oomlo-border-input: #858A9E;
  --oomlo-font-display: "Urbanist", system-ui, sans-serif;
  --oomlo-font-text: "Manrope", system-ui, sans-serif;
  --oomlo-radius-card: 16px; --oomlo-radius-input: 12px; --oomlo-radius-pill: 999px; --oomlo-radius-tag: 6px;
  --oomlo-space-1: 4px; --oomlo-space-2: 8px; --oomlo-space-3: 12px; --oomlo-space-4: 16px; --oomlo-space-5: 24px; --oomlo-space-6: 32px; --oomlo-space-7: 48px; --oomlo-space-8: 64px; --oomlo-space-9: 96px; --oomlo-space-10: 128px;
  --oomlo-container: 1280px; --oomlo-gutter: 24px;
  --oomlo-ease-out: cubic-bezier(0.2, 0, 0, 1); --oomlo-ease-arrow: cubic-bezier(0.32, 0, 0.12, 1);
  --oomlo-dur-hover: 120ms; --oomlo-dur-reveal: 240ms; --oomlo-dur-count: 600ms;
  --oomlo-shadow-1: none;
  --oomlo-display-1: 4.5rem; --oomlo-display-2: 3.25rem; --oomlo-h1: 2.5rem; --oomlo-h2: 1.875rem; --oomlo-h3: 1.375rem; --oomlo-body-l: 1.125rem; --oomlo-body: 1rem; --oomlo-small: 0.875rem; --oomlo-caption: 0.75rem;
}
[data-theme="light"] {
  --oomlo-bg: #F8F7F5;
  --oomlo-surface: #FFFFFF;
  --oomlo-surface-2: #ECEBE8;
  --oomlo-text: #131418;
  --oomlo-text-2: #474A58;
  --oomlo-accent: #F15722;
  --oomlo-accent-hover: #C8420F;
  --oomlo-accent-on: #131418;
  --oomlo-border: rgba(19,20,24,0.12);
  --oomlo-border-solid: #D9D7D3;
  --oomlo-success: #1E7A4E;
  --oomlo-error: #B3261E;
  --oomlo-focus: #F15722;
  --oomlo-border-input: #8A8E9C;
  --oomlo-link-surface-2: #B53A0C;
  --oomlo-shadow-1: 0 8px 24px rgba(19,20,24,0.08);
}
@media (max-width: 767px) {
  :root { --oomlo-display-1: 2.75rem; --oomlo-display-2: 2.25rem; --oomlo-h1: 1.875rem; --oomlo-h2: 1.5rem; --oomlo-h3: 1.25rem; --oomlo-body-l: 1.0625rem; --oomlo-gutter: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  :root { --oomlo-dur-hover: 0ms; --oomlo-dur-reveal: 0ms; --oomlo-dur-count: 0ms; }
}
body { background: var(--oomlo-bg); color: var(--oomlo-text); font-family: var(--oomlo-font-text); line-height: 1.55; }
h1, h2, h3, .oomlo-display { font-family: var(--oomlo-font-display); line-height: 1.2; letter-spacing: -0.02em; }
a { color: var(--oomlo-accent); text-decoration: none; transition: color var(--oomlo-dur-hover) var(--oomlo-ease-out); }
[data-theme="light"] a { color: var(--oomlo-accent-hover); }
a:hover { color: var(--oomlo-accent-hover); }
:focus-visible { outline: 2px solid var(--oomlo-focus); outline-offset: 2px; }
.oomlo-eyebrow { font: 600 var(--oomlo-caption)/1 var(--oomlo-font-text); letter-spacing: 0.08em; text-transform: uppercase; color: var(--oomlo-text-2); }
.oomlo-btn { display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 20px; border-radius: var(--oomlo-radius-pill); font: 700 15px/1 var(--oomlo-font-text); transition: background var(--oomlo-dur-hover) var(--oomlo-ease-out), border-color var(--oomlo-dur-hover) var(--oomlo-ease-out); }
.oomlo-btn--primary { background: var(--oomlo-accent); color: var(--oomlo-accent-on); border: 0; }
.oomlo-btn--primary:hover { background: var(--oomlo-accent-hover); }
[data-theme="light"] .oomlo-btn--primary:hover { color: #FFFFFF; }
.oomlo-btn--secondary { background: transparent; color: var(--oomlo-text); border: 1px solid var(--oomlo-border); font-weight: 600; }
.oomlo-card { background: var(--oomlo-surface); border: 1px solid var(--oomlo-border); border-radius: var(--oomlo-radius-card); padding: 28px; box-shadow: var(--oomlo-shadow-1); }
.oomlo-input { height: 44px; border-radius: var(--oomlo-radius-input); border: 1px solid var(--oomlo-border-solid); background: var(--oomlo-surface-2); color: var(--oomlo-text); padding: 0 14px; font: 400 16px/1 var(--oomlo-font-text); }
[data-theme="light"] .oomlo-input { background: #FFFFFF; }
.oomlo-input:focus { border-color: var(--oomlo-accent); outline: none; box-shadow: 0 0 0 2px var(--oomlo-bg), 0 0 0 4px var(--oomlo-focus); }
.oomlo-tabular { font-variant-numeric: tabular-nums; }

.oomlo-input { background: var(--oomlo-surface-2); color: var(--oomlo-text); border: 1px solid var(--oomlo-border-input); border-radius: var(--oomlo-radius-input); height: 44px; padding: 0 14px; font: 400 16px/1 var(--oomlo-font-text); }
.oomlo-input:focus-visible { outline: 2px solid var(--oomlo-focus); outline-offset: 2px; }
[data-theme="light"] .oomlo-surface-2 a { color: var(--oomlo-link-surface-2); }
