/* OpenCode design system — EG's Claude Design System 2cfacfc8 (DESIGN.md, tokens.json).
   Loaded LAST on every Prchsr web page. One monospaced face; cream canvas, ink
   text; 4px radius on anything pressable, 0 on containers; hairlines, never
   shadows; ASCII bracket markers for state. Berkeley Mono in the spec is paid:
   JetBrains Mono (SIL OFL 1.1) is the spec's own named substitute. */
@font-face{font-family:"JetBrains Mono";src:url(/fonts/JetBrainsMono-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url(/fonts/JetBrainsMono-Medium.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url(/fonts/JetBrainsMono-Bold.woff2) format("woff2");font-weight:600 700;font-display:swap}
:root{
  --oc-primary:#201d1d;--oc-on-primary:#fdfcfc;--oc-ink:#201d1d;--oc-ink-deep:#0f0000;--oc-charcoal:#302c2c;
  --oc-body:#424245;--oc-mute:#646262;--oc-stone:#6e6e73;--oc-ash:#9a9898;
  --oc-canvas:#fdfcfc;--oc-surface-soft:#f8f7f7;--oc-surface-card:#f1eeee;--oc-surface-dark:#201d1d;--oc-surface-dark-elevated:#302c2c;
  --oc-hairline:rgba(15,0,0,.12);--oc-hairline-strong:#646262;--oc-on-dark:#fdfcfc;--oc-on-dark-mute:#9a9898;
  --oc-accent:#007aff;--oc-warning:#995f06;--oc-danger:#a50011;--oc-success:#1f7a3a;
  --oc-font:"JetBrains Mono","IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  --oc-r-sm:4px;--oc-r-none:0;
  color-scheme:light;
}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --oc-primary:#fdfcfc;--oc-on-primary:#201d1d;--oc-ink:#fdfcfc;--oc-ink-deep:#f1eeee;--oc-charcoal:#f1eeee;
  --oc-body:#d9d6d6;--oc-mute:#b3b0b0;--oc-stone:#9a9898;--oc-ash:#6e6e73;
  --oc-canvas:#201d1d;--oc-surface-soft:#262222;--oc-surface-card:#302c2c;
  --oc-hairline:rgba(253,252,252,.16);--oc-hairline-strong:#9a9898;
  --oc-accent:#0a84ff;--oc-warning:#ff9f0a;--oc-danger:#ff453a;--oc-success:#30d158;color-scheme:dark}}
:root[data-theme="dark"]{
  --oc-primary:#fdfcfc;--oc-on-primary:#201d1d;--oc-ink:#fdfcfc;--oc-ink-deep:#f1eeee;--oc-charcoal:#f1eeee;
  --oc-body:#d9d6d6;--oc-mute:#b3b0b0;--oc-stone:#9a9898;--oc-ash:#6e6e73;
  --oc-canvas:#201d1d;--oc-surface-soft:#262222;--oc-surface-card:#302c2c;
  --oc-hairline:rgba(253,252,252,.16);--oc-hairline-strong:#9a9898;
  --oc-accent:#0a84ff;--oc-warning:#ff9f0a;--oc-danger:#ff453a;--oc-success:#30d158;color-scheme:dark}

/* Map every legacy token family (Scheduler, Relocate, purchasingforus) onto OpenCode. */
:root,:root[data-theme]{
  --action-primary:var(--oc-primary);--action-primary-active:var(--oc-ink-deep);--action-primary-disabled:var(--oc-surface-card);--on-primary:var(--oc-on-primary);
  --text-ink:var(--oc-ink);--text-body:var(--oc-body);--text-muted:var(--oc-mute);--text-muted-soft:var(--oc-stone);--text-link-accent:var(--oc-ink);
  --surface-canvas:var(--oc-canvas);--surface-soft:var(--oc-surface-soft);--surface-card:var(--oc-surface-card);--surface-strong:var(--oc-surface-card);
  --hairline:var(--oc-hairline);--hairline-soft:var(--oc-hairline);
  --badge-orange:var(--oc-ink);--badge-pink:var(--oc-ink);--badge-violet:var(--oc-ink);--badge-emerald:var(--oc-ink);
  --status-success:var(--oc-success);--status-warning:var(--oc-warning);--status-error:var(--oc-danger);
  --font-display:var(--oc-font);--font-sans:var(--oc-font);--font-mono:var(--oc-font);
  --radius-control:4px;--radius-card:0;--radius-marquee:0;--radius-pill:4px;
  --shadow-flat:none;--shadow-raised:none;
  --ink:var(--oc-ink);--ink-muted:var(--oc-mute);--ink-faint:var(--oc-stone);--ground:var(--oc-canvas);--line:var(--oc-hairline);
  --color-offwhite:var(--oc-canvas);
  --paper:var(--oc-canvas);--rule:var(--oc-hairline-strong);--muted:var(--oc-mute);--error:var(--oc-danger);
  --ground-subtle:var(--oc-surface-soft);--ground-image:var(--oc-surface-card);--accent:var(--oc-ink);--accent-soft:var(--oc-surface-card);
}
html,body{background:var(--oc-canvas)!important;color:var(--oc-ink)}
html,body,button,input,select,textarea,h1,h2,h3,h4,h5,h6,p,a,span,li,td,th,label,small,strong,em,code,pre{
  font-family:var(--oc-font)!important;font-variant-ligatures:none;letter-spacing:0!important;font-style:normal}
body{font-size:16px;line-height:1.5}
h1{font-size:clamp(28px,6vw,38px);font-weight:700;line-height:1.5}
h2,h3{font-size:16px;font-weight:700;line-height:1.5}
*,*::before,*::after{box-shadow:none!important;text-shadow:none!important}
img,picture,video,canvas{border-radius:0!important}
button,[role=button],input,select,textarea,.btn,.button,.chip,.pill,.badge{border-radius:4px!important}
button,[role=button],.btn,.button{min-height:44px;font-weight:500}
input,select,textarea{background:var(--oc-surface-soft);color:var(--oc-ink);border:1px solid var(--oc-hairline)}
input:focus,select:focus,textarea:focus{background:var(--oc-canvas);border-color:var(--oc-ink);outline:none}
a{color:var(--oc-ink);text-decoration:underline;text-underline-offset:3px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--oc-ink)!important;outline-offset:2px}
hr{border:0;border-top:1px solid var(--oc-hairline)}
.oc-marker{font-weight:500;white-space:pre}
