/* Shared light/dark roles for the workspace and standalone reports. */
:root, [data-palette-preview="violet"] {
  color-scheme: light;
  --cg-font-body: 'Inter', ui-sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --cg-font-display: var(--cg-font-body);
  --cg-font-mono: 'IBM Plex Mono', 'JetBrains Mono', Consolas, monospace;
  --cg-bg-app: #efedf3; --cg-bg-rail: #e9e6ef; --cg-bg-sidebar: #f1eef5;
  --cg-bg-stage: #f8f7fa; --cg-bg-card: #f3f0f6; --cg-bg-input: #ebe8f0; --cg-bg-hover: #e5e0ed;
  --cg-text-primary: #302b3a; --cg-text-secondary: #585061; --cg-text-muted: #6f667b; --cg-text-subdued: #8c8497;
  --cg-border: #d5cfdf; --cg-border-subtle: #e2dce9;
  --cg-accent: #75618f; --cg-accent-hover: #635078; --cg-accent-active: #58446f;
  --cg-accent-soft: color-mix(in srgb, var(--cg-accent) 10%, transparent);
  --cg-accent-border: color-mix(in srgb, var(--cg-accent) 30%, transparent);
  --cg-accent-glow: transparent;
  --soft-accent-ink: #ffffff; --soft-line: #ffffffb3;
  --soft-raised: 4px 4px 11px #d8d2e0, -4px -4px 11px #ffffff;
  --soft-inset: inset 3px 3px 7px #d8d2e0, inset -3px -3px 7px #ffffff;
  --ui-success: #39745f; --ui-warning: #906329; --ui-danger: #a14a60; --ui-info: #4b6b8c;
  --ui-scrim: #17131f;
}
:root.dark, .call-room-manom, .dark [data-palette-preview="violet"] {
  color-scheme: dark;
  --cg-bg-app: #24212b; --cg-bg-rail: #292530; --cg-bg-sidebar: #2b2733;
  --cg-bg-stage: #24212a; --cg-bg-card: #302b39; --cg-bg-input: #25212d; --cg-bg-hover: #3a3345;
  --cg-text-primary: #eeebf3; --cg-text-secondary: #cec7d8; --cg-text-muted: #aaa0b8; --cg-text-subdued: #8b7f9a;
  --cg-border: #443b50; --cg-border-subtle: #38303f;
  --cg-accent: #baa6d3; --cg-accent-hover: #ccbae2; --cg-accent-active: #d4c5e6;
  --soft-accent-ink: #2b2137; --soft-line: #ffffff0d;
  --soft-raised: 4px 4px 11px #1a1720, -4px -4px 11px #3a3344;
  --soft-inset: inset 3px 3px 7px #19161f, inset -3px -3px 7px #393141;
  --ui-success: #96c0aa; --ui-warning: #d2b78d; --ui-danger: #dba4b2; --ui-info: #a1bad4;
}

/* Links and filled actions are separate roles so bright palettes stay readable. */
:root, .call-room-manom, [data-palette-preview] {
  --cg-action: var(--cg-accent); --cg-action-hover: var(--cg-accent-hover); --cg-action-active: var(--cg-accent-active);
  --cg-accent-secondary: var(--cg-accent); --cg-brand-dot: var(--soft-accent-ink);
  --cg-accent-soft: color-mix(in srgb,var(--cg-accent) 10%,transparent);
  --cg-accent-border: color-mix(in srgb,var(--cg-accent) 30%,transparent);
}
:root { --ui-on-danger:#fff; --ui-on-success:#fff; --ui-on-warning:#fff; --ui-on-info:#fff; }
:root.dark, .call-room-manom { --ui-on-danger:#341c2a; --ui-on-success:#173128; --ui-on-warning:#3a2d1d; --ui-on-info:#1b2d40; }

:root[data-palette="monochrome"], [data-palette-preview="monochrome"] {
  --cg-bg-app:#eeeeef; --cg-bg-rail:#e5e5e7; --cg-bg-sidebar:#f0f0f1;
  --cg-bg-stage:#fafafa; --cg-bg-card:#f3f3f4; --cg-bg-input:#e7e7e9;
  --cg-bg-hover:#dcdce0; --cg-text-primary:#27272b; --cg-text-secondary:#505057;
  --cg-text-muted:#68686f; --cg-text-subdued:#85858e; --cg-border:#cfcfd5;
  --cg-border-subtle:#dedee3; --cg-accent:#3d3d45; --cg-accent-hover:#28282f;
  --cg-accent-active:#18181e; --soft-accent-ink:#ffffff;
  --soft-raised:4px 4px 11px #d4d4d8,-4px -4px 11px #ffffff;
  --soft-inset:inset 3px 3px 7px #d0d0d5,inset -3px -3px 7px #ffffff;
  --ui-scrim:#d4d4d8;
}

:root.dark[data-palette="monochrome"], .dark [data-palette-preview="monochrome"], :root[data-palette="monochrome"] .call-room-manom {
  --cg-bg-app:#202022; --cg-bg-rail:#252527; --cg-bg-sidebar:#242426;
  --cg-bg-stage:#202022; --cg-bg-card:#2b2b2e; --cg-bg-input:#1b1b1e;
  --cg-bg-hover:#35353a; --cg-text-primary:#f2f2f5; --cg-text-secondary:#ceced5;
  --cg-text-muted:#a5a5af; --cg-text-subdued:#858590; --cg-border:#43434a;
  --cg-border-subtle:#35353b; --cg-accent:#dedee5; --cg-accent-hover:#eeeef3;
  --cg-accent-active:#ffffff; --soft-accent-ink:#222227;
  --soft-raised:4px 4px 11px #171719,-4px -4px 11px #353539;
  --soft-inset:inset 3px 3px 7px #151517,inset -3px -3px 7px #323238;
  --ui-scrim:#171719;
}

:root[data-palette="purple"], [data-palette-preview="purple"] {
  --cg-bg-app:#f3eff9; --cg-bg-rail:#e6ddf3; --cg-bg-sidebar:#eee6f8;
  --cg-bg-stage:#ffffff; --cg-bg-card:#f6f1fc; --cg-bg-input:#ede5f7;
  --cg-bg-hover:#e4d8f1; --cg-text-primary:#352346; --cg-text-secondary:#574468;
  --cg-text-muted:#6d5b7e; --cg-text-subdued:#88759a; --cg-border:#d3c5e4;
  --cg-border-subtle:#e4d9ef; --cg-accent:#7446ae; --cg-accent-hover:#5d348f;
  --cg-accent-active:#49236f; --soft-accent-ink:#ffffff;
  --soft-raised:4px 4px 11px #dcd1e7,-4px -4px 11px #ffffff;
  --soft-inset:inset 3px 3px 7px #d8cbe4,inset -3px -3px 7px #ffffff;
  --ui-scrim:#dcd1e7;
}

:root.dark[data-palette="purple"], .dark [data-palette-preview="purple"], :root[data-palette="purple"] .call-room-manom {
  --cg-bg-app:#241931; --cg-bg-rail:#2c203b; --cg-bg-sidebar:#291d36;
  --cg-bg-stage:#21162d; --cg-bg-card:#312240; --cg-bg-input:#21152c;
  --cg-bg-hover:#3e2d50; --cg-text-primary:#f4ecfc; --cg-text-secondary:#d7c7e7;
  --cg-text-muted:#b29dc7; --cg-text-subdued:#927aab; --cg-border:#503c64;
  --cg-border-subtle:#3d2b50; --cg-accent:#c6a3ef; --cg-accent-hover:#d6bdf5;
  --cg-accent-active:#e5d4fb; --soft-accent-ink:#2b193f;
  --soft-raised:4px 4px 11px #170f21,-4px -4px 11px #443051;
  --soft-inset:inset 3px 3px 7px #130b1c,inset -3px -3px 7px #3b284e;
  --ui-scrim:#170f21;
}

:root[data-palette="blush"], [data-palette-preview="blush"] {
  --cg-bg-app:#faeff3; --cg-bg-rail:#f1e0e8; --cg-bg-sidebar:#f8eaf0;
  --cg-bg-stage:#fffaf8; --cg-bg-card:#fcf4f6; --cg-bg-input:#f1e2e9;
  --cg-bg-hover:#ecd6e1; --cg-text-primary:#492b3c; --cg-text-secondary:#6c4b5d;
  --cg-text-muted:#795568; --cg-text-subdued:#97788a; --cg-border:#ddc6d1;
  --cg-border-subtle:#ecdce3; --cg-accent:#a24674; --cg-accent-hover:#87345e;
  --cg-accent-active:#6f254c; --soft-accent-ink:#ffffff;
  --soft-raised:4px 4px 11px #e5d0da,-4px -4px 11px #fffafc;
  --soft-inset:inset 3px 3px 7px #e1cbd6,inset -3px -3px 7px #fffafc;
  --ui-scrim:#e5d0da;
}

:root.dark[data-palette="blush"], .dark [data-palette-preview="blush"], :root[data-palette="blush"] .call-room-manom {
  --cg-bg-app:#2c2029; --cg-bg-rail:#352631; --cg-bg-sidebar:#30222c;
  --cg-bg-stage:#281c25; --cg-bg-card:#392934; --cg-bg-input:#251920;
  --cg-bg-hover:#493240; --cg-text-primary:#faedf4; --cg-text-secondary:#dfc6d3;
  --cg-text-muted:#b99aaa; --cg-text-subdued:#977989; --cg-border:#59404d;
  --cg-border-subtle:#45303c; --cg-accent:#e6adc8; --cg-accent-hover:#f0c6d9;
  --cg-accent-active:#f8dce9; --soft-accent-ink:#341c2a;
  --soft-raised:4px 4px 11px #1c131a,-4px -4px 11px #493441;
  --soft-inset:inset 3px 3px 7px #180f15,inset -3px -3px 7px #3f2b37;
  --ui-scrim:#1c131a;
}

:root[data-palette="slate"], [data-palette-preview="slate"] {
  --cg-bg-app:#eff3f7; --cg-bg-rail:#dde6ee; --cg-bg-sidebar:#e8f0f6;
  --cg-bg-stage:#f9fbfd; --cg-bg-card:#f1f6fa; --cg-bg-input:#e1eaf2;
  --cg-bg-hover:#d7e3ed; --cg-text-primary:#273e51; --cg-text-secondary:#486073;
  --cg-text-muted:#536b7e; --cg-text-subdued:#7a8e9f; --cg-border:#c8d6e1;
  --cg-border-subtle:#dbe5ed; --cg-accent:#3c688a; --cg-accent-hover:#2c5273;
  --cg-accent-active:#1e3f5c; --soft-accent-ink:#ffffff;
  --soft-raised:4px 4px 11px #d2dee8,-4px -4px 11px #ffffff;
  --soft-inset:inset 3px 3px 7px #cddbe5,inset -3px -3px 7px #ffffff;
  --ui-scrim:#d2dee8;
}

:root.dark[data-palette="slate"], .dark [data-palette-preview="slate"], :root[data-palette="slate"] .call-room-manom {
  --cg-bg-app:#1f2a35; --cg-bg-rail:#253341; --cg-bg-sidebar:#222f3b;
  --cg-bg-stage:#1b2630; --cg-bg-card:#2a3947; --cg-bg-input:#19242e;
  --cg-bg-hover:#354758; --cg-text-primary:#edf4fa; --cg-text-secondary:#c5d6e5;
  --cg-text-muted:#9eb5c9; --cg-text-subdued:#7893aa; --cg-border:#40566c;
  --cg-border-subtle:#314657; --cg-accent:#abcbe5; --cg-accent-hover:#c4ddef;
  --cg-accent-active:#d8e9f5; --soft-accent-ink:#183148;
  --soft-raised:4px 4px 11px #141d25,-4px -4px 11px #35485a;
  --soft-inset:inset 3px 3px 7px #101922,inset -3px -3px 7px #304253;
  --ui-scrim:#141d25;
}

:root[data-palette="violet-bloom"], [data-palette-preview="violet-bloom"] {
  --cg-bg-app:#f7effa; --cg-bg-rail:#e8d8f4; --cg-bg-sidebar:#f1e4f8;
  --cg-bg-stage:#fff8fd; --cg-bg-card:#faf0fc; --cg-bg-input:#eaddf2;
  --cg-bg-hover:#e3cdea; --cg-text-primary:#38194f; --cg-text-secondary:#654575;
  --cg-text-muted:#75557f; --cg-text-subdued:#97789e; --cg-border:#dbc1e5;
  --cg-border-subtle:#ecd9f2; --cg-accent:#8539c2; --cg-accent-hover:#6d28a5;
  --cg-accent-active:#591c89; --soft-accent-ink:#ffffff;
  --soft-raised:4px 4px 11px #e0cbe9,-4px -4px 11px #fffaff;
  --soft-inset:inset 3px 3px 7px #dcc5e5,inset -3px -3px 7px #fffaff;
  --ui-scrim:#e0cbe9;
  --cg-accent-secondary:#f1b8d2; --cg-brand-dot:var(--cg-accent-secondary);
}

:root.dark[data-palette="violet-bloom"], .dark [data-palette-preview="violet-bloom"], :root[data-palette="violet-bloom"] .call-room-manom {
  --cg-bg-app:#281137; --cg-bg-rail:#311741; --cg-bg-sidebar:#2e153e;
  --cg-bg-stage:#210c30; --cg-bg-card:#371a49; --cg-bg-input:#200c2f;
  --cg-bg-hover:#48245d; --cg-text-primary:#fbeafa; --cg-text-secondary:#e7c6e9;
  --cg-text-muted:#c6a1d0; --cg-text-subdued:#9e76ac; --cg-border:#623779;
  --cg-border-subtle:#472756; --cg-accent:#d4a2fa; --cg-accent-hover:#e4bffc;
  --cg-accent-active:#efdbff; --soft-accent-ink:#2f1443;
  --soft-raised:4px 4px 11px #180822,-4px -4px 11px #462159;
  --soft-inset:inset 3px 3px 7px #12051b,inset -3px -3px 7px #3e1c50;
  --ui-scrim:#180822;
  --cg-accent-secondary:#f2bbd4; --cg-brand-dot:var(--cg-accent-secondary);
}

:root[data-palette="elegance"], [data-palette-preview="elegance"] {
  --cg-bg-app:#eef2fa; --cg-bg-rail:#dce5f4; --cg-bg-sidebar:#e6edf8;
  --cg-bg-stage:#ffffff; --cg-bg-card:#f4f7fc; --cg-bg-input:#e0e8f5;
  --cg-bg-hover:#d5dff0; --cg-text-primary:#142e57; --cg-text-secondary:#3d557c;
  --cg-text-muted:#5b6e8a; --cg-text-subdued:#7b8ba5; --cg-border:#c4d2e8;
  --cg-border-subtle:#d9e2f1; --cg-accent:#204878; --cg-accent-hover:#15375f;
  --cg-accent-active:#0b2649; --soft-accent-ink:#ffffff;
  --soft-raised:4px 4px 11px #ced9ed,-4px -4px 11px #ffffff;
  --soft-inset:inset 3px 3px 7px #c7d4e8,inset -3px -3px 7px #ffffff;
  --ui-scrim:#ced9ed;
  --cg-accent-secondary:#ee91b8; --cg-brand-dot:var(--cg-accent-secondary);
}

:root.dark[data-palette="elegance"], .dark [data-palette-preview="elegance"], :root[data-palette="elegance"] .call-room-manom {
  --cg-bg-app:#12213a; --cg-bg-rail:#162945; --cg-bg-sidebar:#14263f;
  --cg-bg-stage:#0f1d34; --cg-bg-card:#1b3050; --cg-bg-input:#0d1a30;
  --cg-bg-hover:#253e62; --cg-text-primary:#f1f5ff; --cg-text-secondary:#cad8ef;
  --cg-text-muted:#a3b8d5; --cg-text-subdued:#7a94b7; --cg-border:#385477;
  --cg-border-subtle:#273e5c; --cg-accent:#b6ccef; --cg-accent-hover:#d0dff6;
  --cg-accent-active:#e2ebfb; --soft-accent-ink:#152d4f;
  --soft-raised:4px 4px 11px #0a1426,-4px -4px 11px #223d60;
  --soft-inset:inset 3px 3px 7px #071020,inset -3px -3px 7px #1d3555;
  --ui-scrim:#0a1426;
  --cg-accent-secondary:#f09cc2; --cg-brand-dot:var(--cg-accent-secondary);
}

:root[data-palette="perky"], [data-palette-preview="perky"] {
  --cg-bg-app:#f4f5ff; --cg-bg-rail:#e5e9fc; --cg-bg-sidebar:#edf0ff;
  --cg-bg-stage:#fffef6; --cg-bg-card:#f7f8ff; --cg-bg-input:#e3e8fc;
  --cg-bg-hover:#d7dff8; --cg-text-primary:#14356f; --cg-text-secondary:#3c5185;
  --cg-text-muted:#5b6c96; --cg-text-subdued:#7e8aaf; --cg-border:#c4cfee;
  --cg-border-subtle:#dce3f8; --cg-accent:#204895; --cg-accent-hover:#163775;
  --cg-accent-active:#0d265b; --soft-accent-ink:#15366c;
  --soft-raised:4px 4px 11px #d2d9f0,-4px -4px 11px #ffffff;
  --soft-inset:inset 3px 3px 7px #ccd5ed,inset -3px -3px 7px #ffffff;
  --ui-scrim:#d2d9f0;
  --cg-accent-secondary:#ef458e; --cg-brand-dot:var(--cg-accent-secondary);
  --cg-action:#ffe34d; --cg-action-hover:#ffec7a; --cg-action-active:#f4d43e;
}

:root.dark[data-palette="perky"], .dark [data-palette-preview="perky"], :root[data-palette="perky"] .call-room-manom {
  --cg-bg-app:#122455; --cg-bg-rail:#172e67; --cg-bg-sidebar:#142a60;
  --cg-bg-stage:#10204e; --cg-bg-card:#1c3470; --cg-bg-input:#0e1e48;
  --cg-bg-hover:#294582; --cg-text-primary:#f6f7ff; --cg-text-secondary:#d4defa;
  --cg-text-muted:#aabce8; --cg-text-subdued:#8099cd; --cg-border:#3c599a;
  --cg-border-subtle:#2b417c; --cg-accent:#ffe86b; --cg-accent-hover:#fff09b;
  --cg-accent-active:#fff5bd; --soft-accent-ink:#142c63;
  --soft-raised:4px 4px 11px #091638,-4px -4px 11px #203d79;
  --soft-inset:inset 3px 3px 7px #07122f,inset -3px -3px 7px #1d3871;
  --ui-scrim:#091638;
  --cg-accent-secondary:#fc83b5; --cg-brand-dot:var(--cg-accent-secondary);
  --cg-action:#ffe34d; --cg-action-hover:#ffed82; --cg-action-active:#f8d746;
}

:root[data-palette="midnight"], [data-palette-preview="midnight"] {
  --cg-bg-app:#edf2f8; --cg-bg-rail:#dce5f0; --cg-bg-sidebar:#e7eef7;
  --cg-bg-stage:#fbfcff; --cg-bg-card:#f3f7fc; --cg-bg-input:#dee8f3;
  --cg-bg-hover:#d3dfed; --cg-text-primary:#17283d; --cg-text-secondary:#415a78;
  --cg-text-muted:#546d8b; --cg-text-subdued:#7c91ac; --cg-border:#c2d1e3;
  --cg-border-subtle:#d8e2ef; --cg-accent:#225fae; --cg-accent-hover:#174c91;
  --cg-accent-active:#0d3870; --soft-accent-ink:#0a2744;
  --soft-raised:4px 4px 11px #cbd7e8,-4px -4px 11px #ffffff;
  --soft-inset:inset 3px 3px 7px #c4d2e5,inset -3px -3px 7px #ffffff;
  --ui-scrim:#cbd7e8;
  --cg-accent-secondary:#efa77d; --cg-brand-dot:var(--cg-accent-secondary);
  --cg-action:#55a5ff; --cg-action-hover:#7fbdff; --cg-action-active:#459bf7;
}

:root.dark[data-palette="midnight"], .dark [data-palette-preview="midnight"], :root[data-palette="midnight"] .call-room-manom {
  --cg-bg-app:#101824; --cg-bg-rail:#152131; --cg-bg-sidebar:#131e2d;
  --cg-bg-stage:#0b131f; --cg-bg-card:#192638; --cg-bg-input:#0c1522;
  --cg-bg-hover:#25384f; --cg-text-primary:#eff6ff; --cg-text-secondary:#cadbef;
  --cg-text-muted:#9bb5d0; --cg-text-subdued:#728eae; --cg-border:#354d6a;
  --cg-border-subtle:#273c55; --cg-accent:#8ec2ff; --cg-accent-hover:#b4d6ff;
  --cg-accent-active:#d2e7ff; --soft-accent-ink:#071e37;
  --soft-raised:4px 4px 11px #070d15,-4px -4px 11px #24384f;
  --soft-inset:inset 3px 3px 7px #050a11,inset -3px -3px 7px #203249;
  --ui-scrim:#070d15;
  --cg-accent-secondary:#ffb487; --cg-brand-dot:var(--cg-accent-secondary);
  --cg-action:#5da9ff; --cg-action-hover:#88c0ff; --cg-action-active:#4499f5;
}

:root[data-palette="power"], [data-palette-preview="power"] {
  --cg-bg-app:#eef5fc; --cg-bg-rail:#dbeaf8; --cg-bg-sidebar:#e4f0fa;
  --cg-bg-stage:#ffffff; --cg-bg-card:#f3f8fd; --cg-bg-input:#dceaf7;
  --cg-bg-hover:#cfe2f3; --cg-text-primary:#153655; --cg-text-secondary:#3c5c7a;
  --cg-text-muted:#516f8b; --cg-text-subdued:#7893ab; --cg-border:#bfd4e8;
  --cg-border-subtle:#d4e4f1; --cg-accent:#1e5c9a; --cg-accent-hover:#144a83;
  --cg-accent-active:#0d386a; --soft-accent-ink:#12314e;
  --soft-raised:4px 4px 11px #cadfed,-4px -4px 11px #ffffff;
  --soft-inset:inset 3px 3px 7px #c3d8e9,inset -3px -3px 7px #ffffff;
  --ui-scrim:#cadfed;
  --cg-accent-secondary:#ff873c; --cg-brand-dot:var(--cg-accent-secondary);
  --cg-action:#ff873c; --cg-action-hover:#ff9d60; --cg-action-active:#f97f2f;
}

:root.dark[data-palette="power"], .dark [data-palette-preview="power"], :root[data-palette="power"] .call-room-manom {
  --cg-bg-app:#152a3e; --cg-bg-rail:#1a334b; --cg-bg-sidebar:#183047;
  --cg-bg-stage:#102337; --cg-bg-card:#1e3c56; --cg-bg-input:#102539;
  --cg-bg-hover:#294b69; --cg-text-primary:#edf6ff; --cg-text-secondary:#c9dff3;
  --cg-text-muted:#a2c2df; --cg-text-subdued:#7d9fbe; --cg-border:#3c6387;
  --cg-border-subtle:#2c4b69; --cg-accent:#a6d1f5; --cg-accent-hover:#c5e3fb;
  --cg-accent-active:#ddebfa; --soft-accent-ink:#12304b;
  --soft-raised:4px 4px 11px #0b1928,-4px -4px 11px #294b69;
  --soft-inset:inset 3px 3px 7px #081521,inset -3px -3px 7px #254460;
  --ui-scrim:#0b1928;
  --cg-accent-secondary:#ffad76; --cg-brand-dot:var(--cg-accent-secondary);
  --cg-action:#ffad76; --cg-action-hover:#ffc69e; --cg-action-active:#ffa366;
}