/* skin-hyperagent.css — Hyperagent-style re-skin overlay.
 *
 * Only overrides design-token VALUES on :root. Never touches component
 * selectors, layout, spacing, or class names. Loaded AFTER style.css so it
 * wins by source-order cascade. Disable by removing the <link> from index.html.
 *
 * Source: extracted from hyperagent.com/agents/new live-page CSS (2026-05-09).
 *
 * Tier hues (--hue-* and --tier-*) are intentionally left untouched — those
 * are semantic colors for each Workforce tier and changing them would break
 * the badge / chip color associations across the OS.
 */

@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500;600&display=swap');

:root {
  /* ----- Surfaces — medium-dark with glass transparency ----- */
  --bg: #4D4D55;
  --surface: rgba(0, 0, 0, 0.25);
  --surface-elev: rgba(0, 0, 0, 0.35);
  --surface-translucent: rgba(0, 0, 0, 0.20);
  --glass: rgba(0, 0, 0, 0.25);
  --glass-strong: rgba(0, 0, 0, 0.35);

  /* ----- Text — white on dark glass ----- */
  --text: #FFFFFF;
  --text-secondary: rgba(255, 255, 255, 0.70);
  --text-tertiary: rgba(255, 255, 255, 0.45);

  /* ----- Borders ----- */
  --border: rgba(255, 255, 255, 0.10);
  --border-strong: rgba(255, 255, 255, 0.18);
  --border-glow: rgba(255, 255, 255, 0.08);

  /* ----- Accent — keep ember for text/labels (71 usages) ----- */
  --accent: #FF8A3D;
  --accent-soft: rgba(255, 138, 61, 0.15);
  --accent-strong: #E8632B;

  /* ----- Shadows ----- */
  --shadow-sm:   0 1px 2px rgba(0, 0, 0, 0.2);
  --shadow-md:   0 1px 3px rgba(0, 0, 0, 0.15);
  --shadow-lg:   0 4px 12px rgba(0, 0, 0, 0.25);
  --shadow-glow: 0 0 0 1px rgba(255, 255, 255, 0.06), 0 4px 16px rgba(0, 0, 0, 0.15);

  /* ----- Semantic status — keep original colors ----- */
  --success: #1A9D4F;
  --warning: #D58400;
  --danger: #D8362F;

  /* ----- Tier hues — inverted for dark bg visibility ----- */
  --tier-ship:           190, 190, 196;
  --tier-build:          160, 160, 166;
  --tier-os:             220, 220, 226;
  --tier-starter_3:      180, 180, 186;
  --tier-starter_5:      170, 170, 176;
  --tier-custom_force:   200, 200, 206;
  --tier-persona:        210, 210, 216;
  --tier-workforce_os_seat: 195, 195, 200;
  --tier-care_plan:      175, 175, 182;

  /* ----- Typography — Geist (Vercel's open-source font) ----- */
  --font-sans: 'Geist', 'Geist Fallback', -apple-system, BlinkMacSystemFont, 'Inter', system-ui, sans-serif;
  --font-mono: 'Geist Mono', 'SF Mono', ui-monospace, 'JetBrains Mono', monospace;
}

/* ── Dark-theme overrides ── */

/* Primary buttons: black bg, white text */
.btn-primary { background: #1A1A1E; color: #fff; }
.btn-primary:hover { background: #000; }