/* Generated by design/brand/build.mjs. Edit tokens.json/components.css, then regenerate. */
@font-face{font-family:"Claricord Sans";src:url("./claricord.ttf") format("truetype");font-weight:400 700;font-style:normal;font-display:swap}
:root {
  --pb-font-sans: "Claricord Sans", system-ui, sans-serif;
  --pb-font-mono: "PlexMono", "IBM Plex Mono", ui-monospace, Consolas, monospace;
  --pb-amber: #E9B85B;
  --pb-graphite: #15171B;
  --pb-space-1: 4px;
  --pb-space-2: 8px;
  --pb-space-3: 12px;
  --pb-space-4: 16px;
  --pb-space-6: 24px;
  --pb-space-8: 32px;
  --pb-space-12: 48px;
  --pb-space-16: 64px;
  --pb-radius-control: 7px;
  --pb-radius-surface: 12px;
  --pb-duration: 140ms;
  --pb-layer-header: 20;
  --pb-layer-menu: 30;
  --pb-layer-dialog: 40;
  --pb-canvas: #15171B;
  --pb-surface: #1B1E23;
  --pb-raised: #24282E;
  --pb-ink: #E8EBEF;
  --pb-muted: #ADB3BD;
  --pb-line: #383E47;
  --pb-control-line: #717B89;
  --pb-accent: #E9B85B;
  --pb-accent-hover: #F3C879;
  --pb-on-accent: #242018;
  --pb-accent-soft: #372E20;
  --pb-focus: #E9B85B;
  --pb-success: #8BD5AD;
  --pb-danger: #F6A7AD;
  --pb-warning: #E9B85B;
}
@media(prefers-color-scheme:light){:root:not([data-theme=dark]):not(.dark){
  --pb-canvas: #F5F6F8;
  --pb-surface: #FBFCFD;
  --pb-raised: #EDEFF2;
  --pb-ink: #292E36;
  --pb-muted: #5E6773;
  --pb-line: #D7DBE2;
  --pb-control-line: #7A838D;
  --pb-accent: #805112;
  --pb-accent-hover: #68400B;
  --pb-on-accent: #FBF8EF;
  --pb-accent-soft: #F7EACF;
  --pb-focus: #805112;
  --pb-success: #246544;
  --pb-danger: #A52D43;
  --pb-warning: #805112;
}}
:root[data-theme=light],.light{
  --pb-canvas: #F5F6F8;
  --pb-surface: #FBFCFD;
  --pb-raised: #EDEFF2;
  --pb-ink: #292E36;
  --pb-muted: #5E6773;
  --pb-line: #D7DBE2;
  --pb-control-line: #7A838D;
  --pb-accent: #805112;
  --pb-accent-hover: #68400B;
  --pb-on-accent: #FBF8EF;
  --pb-accent-soft: #F7EACF;
  --pb-focus: #805112;
  --pb-success: #246544;
  --pb-danger: #A52D43;
  --pb-warning: #805112;
}
:root[data-theme=dark],.dark{
  --pb-canvas: #15171B;
  --pb-surface: #1B1E23;
  --pb-raised: #24282E;
  --pb-ink: #E8EBEF;
  --pb-muted: #ADB3BD;
  --pb-line: #383E47;
  --pb-control-line: #717B89;
  --pb-accent: #E9B85B;
  --pb-accent-hover: #F3C879;
  --pb-on-accent: #242018;
  --pb-accent-soft: #372E20;
  --pb-focus: #E9B85B;
  --pb-success: #8BD5AD;
  --pb-danger: #F6A7AD;
  --pb-warning: #E9B85B;
}
/* Reusable identity and opt-in primitives. No resets of upstream component behavior. */
.pb-logo{display:inline-flex;align-items:center;gap:8px;vertical-align:middle;flex:none;text-decoration:none;max-width:100%;color:var(--pb-ink)}
.pb-symbol{display:block;flex:none;width:32px;aspect-ratio:1;background:var(--pb-amber);mask:url("./symbol.svg") center/contain no-repeat}
.pb-wordmark{display:block;width:138px;aspect-ratio:4757/950;background:currentColor;mask:url("./wordmark.svg") center/contain no-repeat}
.pb-logo--small .pb-symbol{width:28px}.pb-logo--small .pb-wordmark{width:120px}
.pb-logo--large{gap:24px}.pb-logo--large .pb-symbol{width:96px}.pb-logo--large .pb-wordmark{width:410px;max-width:60vw}
.pb-logo--mono .pb-symbol{background:currentColor}
.pb-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip-path:inset(50%);white-space:nowrap;overflow:hidden}
.pb-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 20px;border:1px solid var(--pb-control-line);border-radius:var(--pb-radius-control);font:500 14px/1.4 var(--pb-font-sans);text-decoration:none;background:var(--pb-surface);color:var(--pb-ink);cursor:pointer;transition:background var(--pb-duration)}
.pb-button:hover{background:var(--pb-raised)}.pb-button:focus-visible{outline:2px solid var(--pb-focus);outline-offset:3px}
.pb-button--primary{background:var(--pb-accent);border-color:var(--pb-accent);color:var(--pb-on-accent)}.pb-button--primary:hover{background:var(--pb-accent-hover)}
.pb-button:disabled{opacity:.55;cursor:not-allowed}
.pb-surface{background:var(--pb-surface);border:1px solid var(--pb-line);border-radius:var(--pb-radius-surface)}
.pb-eyebrow{font:500 13px/1.5 var(--pb-font-sans);color:var(--pb-muted)}
@media(prefers-reduced-motion:reduce){.pb-button{transition:none}}