/* MyProAssistant public design system.
   Single source of truth for public colors, surfaces, glow, header and honeycomb. */

:root,
html[data-public-theme="dark"] {
  --public-radius-sm: 10px;
  --public-radius-md: 14px;
  --public-radius-lg: 20px;

  --public-bg: #070b12;
  --public-bg-soft: #0b111b;
  --public-panel: #0f1724;
  --public-panel-strong: #121d2b;
  --public-inner: #0b1420;
  --public-text: #f7f9fc;
  --public-text-soft: #cbd5e1;
  --public-muted: #93a3b6;
  --public-faint: #627286;
  --public-border: rgba(148,163,184,.15);
  --public-border-strong: rgba(56,189,248,.28);
  --public-accent: #38bdf8;
  --public-accent-strong: #0ea5e9;
  --public-accent-soft: rgba(56,189,248,.085);
  --public-gold: #f4c356;
  --public-gold-soft: rgba(244,195,86,.12);
  --public-success: #34d399;
  --public-footer: #05080d;

  --public-shadow-soft: 0 14px 38px rgba(0,0,0,.14);
  --public-shadow-lift: 0 22px 58px rgba(0,0,0,.22);

  --public-page-background:
    radial-gradient(900px 520px at 13% -8%, rgba(37,99,235,.20), transparent 72%),
    radial-gradient(720px 420px at 82% 2%, rgba(244,195,86,.16), transparent 72%),
    radial-gradient(620px 380px at 7% 44%, rgba(244,195,86,.085), transparent 75%),
    radial-gradient(700px 420px at 94% 78%, rgba(244,195,86,.06), transparent 76%),
    linear-gradient(118deg, transparent 0 56%, rgba(244,195,86,.035) 72%, transparent 89%),
    var(--public-bg);

  --public-header: rgba(7,11,18,.94);
  --public-header-background:
    linear-gradient(90deg,rgba(244,195,86,.105),rgba(7,11,18,.95) 23%,rgba(7,11,18,.95) 77%,rgba(56,189,248,.055));
  --public-header-border: rgba(244,195,86,.28);
  --public-header-shadow: 0 10px 34px rgba(0,0,0,.20), inset 0 -1px 0 rgba(244,195,86,.12);

  --public-honeycomb-opacity: .20;
  --public-honeycomb-image:
    linear-gradient(30deg,color-mix(in srgb,var(--public-accent) 7%,transparent) 12%,transparent 12.5%,transparent 87%,color-mix(in srgb,var(--public-accent) 7%,transparent) 87.5%),
    linear-gradient(150deg,color-mix(in srgb,var(--public-accent) 7%,transparent) 12%,transparent 12.5%,transparent 87%,color-mix(in srgb,var(--public-accent) 7%,transparent) 87.5%),
    linear-gradient(30deg,color-mix(in srgb,var(--public-accent) 7%,transparent) 12%,transparent 12.5%,transparent 87%,color-mix(in srgb,var(--public-accent) 7%,transparent) 87.5%),
    linear-gradient(150deg,color-mix(in srgb,var(--public-accent) 7%,transparent) 12%,transparent 12.5%,transparent 87%,color-mix(in srgb,var(--public-accent) 7%,transparent) 87.5%),
    linear-gradient(60deg,color-mix(in srgb,var(--public-accent) 4.5%,transparent) 25%,transparent 25.5%,transparent 75%,color-mix(in srgb,var(--public-accent) 4.5%,transparent) 75%);
  --public-honeycomb-size: 84px 146px;
  --public-honeycomb-position: 0 0,0 0,42px 73px,42px 73px,0 0;
}

html[data-public-theme="light"] {
  --public-bg: #e7eaee;
  --public-bg-soft: #dde2e7;
  --public-panel: #f1f3f6;
  --public-panel-strong: #f5f6f8;
  --public-inner: #e9edf1;
  --public-text: #132033;
  --public-text-soft: #263b50;
  --public-muted: #405469;
  --public-faint: #607184;
  --public-border: rgba(51,65,85,.18);
  --public-border-strong: rgba(2,119,181,.34);
  --public-accent: #0277b5;
  --public-accent-strong: #075985;
  --public-accent-soft: rgba(2,119,181,.10);
  --public-gold: #9a6811;
  --public-gold-soft: rgba(154,104,17,.10);
  --public-success: #166534;
  --public-footer: #dde2e7;

  --public-shadow-soft: 0 12px 34px rgba(30,64,95,.09);
  --public-shadow-lift: 0 18px 48px rgba(30,64,95,.13);

  --public-page-background:
    radial-gradient(820px 430px at 14% -8%, rgba(14,165,233,.08), transparent 72%),
    var(--public-bg);

  --public-header: rgba(241,243,246,.96);
  --public-header-background: var(--public-header);
  --public-header-border: var(--public-border);
  --public-header-shadow: 0 8px 30px rgba(0,0,0,.045);

  --public-honeycomb-opacity: .20;
}