:root{--brand-primary:#05d192;--brand-hover:#04b982;--brand-pressed:#038f66;--brand-on-primary:#0b2a21;--brand-text:#38d39f;--brand-focus:#38d39f;--brand-border:#245b5b;--brand-subtle:#0c3b2e;--success-text:#35b77a;--success-subtle:#102f25;--info-focus:#8adfff}
:root[data-theme="light"]{--brand-text:#087a59;--brand-focus:#087a59;--brand-border:#75bba5;--brand-subtle:#e5f8f1;--success-text:#137a4f;--success-subtle:#e8f6ef;--info-focus:#005fcc}
:root{--brand-accent:var(--brand-primary);--accent:var(--brand-text);--text-accent:var(--brand-text);--accent2:var(--brand-text);--accent-fill:var(--brand-primary);--accent-contrast:var(--brand-on-primary);--accentInk:var(--brand-on-primary);--focus:var(--brand-focus);--accessible-success:var(--success-text);--success:var(--success-text);--soft:var(--brand-subtle)}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--brand-focus);outline-offset:2px}:where(input,select,textarea):focus-visible{border-color:var(--brand-focus);box-shadow:0 0 0 1px var(--brand-focus)}
:where(.primary,.actions .primary,.post-preview-original):not(:disabled){border-color:var(--brand-primary);background:var(--brand-primary);color:var(--brand-on-primary)}:where(.primary,.actions .primary,.post-preview-original):not(:disabled):hover{background:var(--brand-hover)}:where(.primary,.actions .primary,.post-preview-original):not(:disabled):active{background:var(--brand-pressed)}
:where(.progress-fill,.bar-fill,.progress-track span){background:var(--brand-primary)}:where(.field-feedback,.field-status,.detail-inline-state).is-success{color:var(--success-text)}

/* Field interaction follows the keyword-board dropdown. Geometry stays fixed. */
:root{
  --control-line:#272c3a;
  --control-surface:#0c0f16;
  --control-hover-border:color-mix(in srgb,var(--brand-primary) 38%,var(--control-line));
  --control-hover-surface:color-mix(in srgb,var(--control-surface) 92%,var(--brand-subtle));
  --control-focus-line:color-mix(in srgb,var(--brand-primary) 55%,var(--control-line));
  --control-focus-shadow:0 0 0 2px color-mix(in srgb,var(--brand-primary) 10%,transparent);
}
:root[data-theme="light"]{--control-line:#e3e7f0;--control-surface:#fff}
/* The root/body scope wins over legacy page and dialog field rules. */
html:root body :is(input:where(:not([type]),[type="text"],[type="search"],[type="email"],[type="password"],[type="tel"],[type="url"],[type="number"],[type="date"],[type="time"],[type="datetime-local"],[type="month"],[type="week"]),select,textarea,[role="combobox"]):not(:disabled):not([aria-disabled="true"]):not([aria-hidden="true"]){border-width:1px;border-style:solid}
html:root body :is(input:where(:not([type]),[type="text"],[type="search"],[type="email"],[type="password"],[type="tel"],[type="url"],[type="number"],[type="date"],[type="time"],[type="datetime-local"],[type="month"],[type="week"]),select,textarea,[role="combobox"]):not(:disabled):not([aria-disabled="true"]):not([aria-hidden="true"]):is(:hover,:focus){
  border-color:var(--control-validation-border,var(--control-hover-border));
  background-color:var(--control-hover-surface);
}
html:root body :is(input:where(:not([type]),[type="text"],[type="search"],[type="email"],[type="password"],[type="tel"],[type="url"],[type="number"],[type="date"],[type="time"],[type="datetime-local"],[type="month"],[type="week"]),select,textarea,[role="combobox"]):not(:disabled):not([aria-disabled="true"]):not([aria-hidden="true"]):focus-visible{
  outline:1px solid var(--control-focus-line);
  outline-offset:2px;
  box-shadow:var(--control-focus-shadow);
}
html:root body :is(input:where(:not([type]),[type="text"],[type="search"],[type="email"],[type="password"],[type="tel"],[type="url"],[type="number"],[type="date"],[type="time"],[type="datetime-local"],[type="month"],[type="week"]),select,textarea,[role="combobox"]):not(:disabled):not([aria-disabled="true"]):not([aria-hidden="true"]):focus:not(:focus-visible){outline:none;box-shadow:none}
:is(input,select,textarea)[aria-invalid="true"],.field:has(+.field-feedback.is-error) input{--control-validation-border:var(--danger,#b42332)}
html:root body input:is([type="checkbox"],[type="radio"]){accent-color:var(--brand-primary)}
html:root body input:is([type="checkbox"],[type="radio"]):focus-visible{outline:1px solid var(--control-focus-line);outline-offset:2px;box-shadow:var(--control-focus-shadow)}
html:root body .search-option:focus-visible{outline:0;border-color:var(--control-hover-border);background:var(--brand-subtle);box-shadow:none}
@media(forced-colors:active){
  html:root body :is(input,select,textarea,[role="combobox"]):not(:disabled):not([aria-disabled="true"]):not([aria-hidden="true"]):focus-visible{outline:2px solid Highlight;outline-offset:2px;box-shadow:none}
  html:root body .search-option:focus-visible{outline:2px solid Highlight;outline-offset:-2px}
}

@media(forced-colors:none){
  html:root[data-control-input="pointer"] body :is(input:where(:not([type]),[type="text"],[type="search"],[type="email"],[type="password"],[type="tel"],[type="url"],[type="number"],[type="date"],[type="time"],[type="datetime-local"],[type="month"],[type="week"]),select,textarea,[role="combobox"]):not(:disabled):not([aria-disabled="true"]):not([aria-hidden="true"]):focus-visible{outline:none;box-shadow:none}
}

/* Shared desktop frame: 1280px content + two 34px gutters. */
@media(min-width:900px){
  :root{
    --app-desktop-frame-width:1348px;
    --app-desktop-gutter:34px;
    --app-desktop-column-gap:24px;
    --app-desktop-radius:6px;
    --app-desktop-background:#f0f0f0;
  }
}