@import url('./tokens.css');
@import url('./motion.css');
@font-face{font-family:Inter;src:url('./fonts/inter-latin-variable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:'Crimson Pro';src:url('./fonts/crimson-pro-latin-variable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url('./fonts/jetbrains-mono-latin-variable.woff2') format('woff2');font-style:normal;font-weight:100 800;font-display:swap}
/* Explicit dark app profile, matching the canonical export's dark values.
   The application remains dark independently of the OS preference. */
:root[data-brand-theme=dark]{
  color-scheme:dark;
  --hummbl-bg-primary:#0a0a0f;--hummbl-bg-secondary:#111118;--hummbl-bg-elevated:#1a1a24;
  --hummbl-text-primary:#f9fafb;--hummbl-text-secondary:#d1d5db;--hummbl-text-tertiary:#9ca3af;
  --hummbl-verderer:#34c26a;--hummbl-verderer-hover:#2ba85b;
  --hummbl-accent-warm:#f59e0b;--hummbl-accent-success:#22c55e;--hummbl-accent-danger:#f87171;
  --hummbl-border-subtle:rgb(255 255 255 / .08);--hummbl-border-prominent:rgb(52 194 106 / .3);
  --hummbl-focus-color:var(--hummbl-verderer-light);
}
html body{font-family:var(--hummbl-font-sans)}
html h1,html h2,html h3,html h4{font-family:var(--hummbl-font-serif);letter-spacing:-.015em}
html .stats strong,html .metric strong,html .plan-summary strong,html .seat,html output,html pre,html code,html .event time{font-family:var(--hummbl-font-mono);font-variant-numeric:tabular-nums}
html .wordmark{display:flex;align-items:center;gap:12px;text-transform:none;letter-spacing:0}
html .wordmark .product-label{font-family:var(--hummbl-font-serif);font-size:24px;font-weight:500}
.hummbl-mark{display:inline-block;width:32px;height:32px;object-fit:contain;border-radius:6px;background:var(--hummbl-grove)}
html .primary{background:var(--hummbl-verderer-light);color:var(--hummbl-bg-primary);border-color:var(--hummbl-verderer-light)}
html button,html a{transition:color var(--hummbl-motion-base) var(--hummbl-ease-out),background-color var(--hummbl-motion-base) var(--hummbl-ease-out),border-color var(--hummbl-motion-base) var(--hummbl-ease-out),box-shadow var(--hummbl-motion-base) var(--hummbl-ease-out)}
html .primary:hover:not(:disabled){background:var(--hummbl-verderer-light-hover);box-shadow:0 0 15px rgb(27 122 61 / .4)}
html :is(a,button,summary,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--hummbl-focus-color);outline-offset:3px}
.skip-link{position:fixed;z-index:1000;left:16px;top:-100px;background:var(--hummbl-verderer-light);color:var(--hummbl-bg-primary);padding:10px 16px;border-radius:6px}
.skip-link:focus{top:12px}