@import url('/brand-tokens.css');
/* Hover tint of Burning Flame (accent), shared by all pages. */
:root { --accent-hover: #FFC58A; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('/fonts/InterVariable.woff2') format('woff2'); }

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 104px; }
body { margin: 0; background: var(--bg); color: var(--text-primary); font-family: var(--font-body); -webkit-font-smoothing: antialiased; }
button, input, textarea, select { font: inherit; }
button, a, input, textarea, select { -webkit-tap-highlight-color: transparent; }
a { color: inherit; }
button { cursor: pointer; }
:where(a, button, input, textarea, select):focus-visible { outline: 3px solid var(--rust); outline-offset: 4px; }
::selection { background: var(--accent); color: var(--text-primary); }

.brand-logo { display: inline-flex; align-items: center; gap: 11px; color: var(--text-primary); font-family: var(--font-body); font-size: 27px; font-weight: 700; letter-spacing: -1.1px; line-height: 1; white-space: nowrap; }
.brand-logo__mark { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 46px; background: var(--text-primary); border-radius: 10px; flex-shrink: 0; }
.brand-logo__mark img { display: block; width: 24px; height: 32px; object-fit: contain; }
.brand-logo__dot { color: var(--rust); }
.brand-logo--light { color: var(--bg); }
.brand-logo--light .brand-logo__dot { color: var(--accent); }
.brand-home { text-decoration: none; display: inline-flex; align-items: center; }
.taskable-button { min-height: 48px; padding: 13px 24px; border: 1px solid var(--border); border-radius: var(--radius-control); display: inline-flex; align-items: center; justify-content: center; gap: 9px; font-family: var(--font-body); font-size: 15px; line-height: 1.35; font-weight: 650; text-decoration: none; text-align: center; color: var(--text-primary); background: transparent; transition: background-color .18s, border-color .18s; }
.taskable-button--highlight { background: var(--accent); border-color: var(--accent); }
.taskable-button--highlight:hover { background: var(--accent-hover); border-color: var(--accent-hover); }
.taskable-button--active:hover, .taskable-button--custom:hover { background: var(--bg-alt); border-color: var(--text-secondary); }
.taskable-button--nav { background: var(--text-primary); color: var(--bg); border-color: var(--text-primary); }
.taskable-button--nav:hover { background: var(--text-secondary); }
.taskable-button:disabled { opacity: .5; cursor: not-allowed; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } }