/* Brand primitives: published BetterHelp marketing palette. Semantic tokens and components: proposed admin adaptation. Import fonts.css separately. */
:root {
  --bh-dark-green: #184C3D;
  --bh-main-green: #397A4A;
  --bh-light-green: #96E092;
  --bh-dark-neutral: #F9EAD4;
  --bh-main-neutral: #FFF5E6;
  --bh-light-neutral: #FFFBF3;
  --bh-orange: #FCB13A;
  --bh-yellow: #FBE986;
  --bh-blue: #A1D9D8;
  --bh-accent-green: #5FAA41;
  --bh-beige-100: #F7F0E6;
  --bh-accent-blue: #7BD1CF;
  --font-heading: "Overpass", sans-serif; --font-body: "Inter", system-ui, sans-serif;
  --canvas: var(--bh-beige-100); --surface: var(--bh-light-neutral); --text: var(--bh-dark-green); --muted: #52645A;
  --border: #CCD5C8; --control-border: #738477; --error: #A33432; --error-bg: #FCECE9;
  --action: var(--bh-main-green); --action-hover: var(--bh-dark-green); --focus: var(--bh-dark-green);
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-6:24px; --space-8:32px; --space-12:48px; --space-16:64px;
  --radius-control:8px; --radius-card:12px; --radius-panel:16px; --radius-pill:999px;
  --shadow-card:0 2px 6px rgb(24 76 61 / 5%); --shadow-raised:0 8px 24px rgb(24 76 61 / 12%);
  --motion-fast:140ms; --motion-normal:200ms;
}
*{box-sizing:border-box} body{margin:0;background:var(--canvas);color:var(--text);font:400 14px/1.5 var(--font-body)}
h1,h2,h3,h4{font-family:var(--font-heading);line-height:1.2;margin:0} h1{font-size:32px;font-weight:800;letter-spacing:-.6px} h2{font-size:24px;font-weight:600} h3{font-size:18px;font-weight:600} p{margin:8px 0 16px} a{color:var(--bh-main-green)}
button,input,select{font:inherit} button,a,input,select{touch-action:manipulation} button{cursor:pointer} :focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.bh-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 18px;border:1px solid transparent;border-radius:var(--radius-pill);background:var(--action);color:white;font-weight:500;transition:background var(--motion-fast)}
.bh-button:hover{background:var(--action-hover)} .bh-button:active{transform:translateY(1px)} .bh-button.secondary{background:transparent;border-color:var(--control-border);color:var(--text)} .bh-button.secondary:hover{background:var(--bh-dark-neutral)} .bh-button:disabled{opacity:.45;cursor:not-allowed;transform:none}
.bh-input{min-height:40px;border:1px solid var(--control-border);border-radius:var(--radius-control);padding:8px 12px;background:var(--surface);color:var(--text)} .bh-input[aria-invalid=true]{border-color:var(--error)}
.bh-card{padding:16px;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-card)}
.bh-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:var(--radius-pill);font-size:12px;font-weight:500;background:var(--bh-dark-neutral);color:var(--text)} .bh-badge.review{background:var(--bh-blue)} .bh-badge.waiting{background:var(--bh-yellow)} .bh-badge.done{background:var(--bh-light-green)} .bh-badge.error{background:var(--error-bg);color:var(--error)}
.bh-muted{color:var(--muted)} .bh-label{font-size:12px;font-weight:500} .bh-error{color:var(--error);font-size:12px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}