/* Paramount Digital theme — PARAMOUNT_THEME_DESIGN.md.
 *
 * Linked on every page, and INERT unless the theme is switched on: every rule is
 * scoped under :root[data-theme="paramount"], an attribute only /theme.js sets
 * (and only under Paramount). On Standard nothing here matches, so SEO Pulse looks
 * exactly as it always has. A test parses this file and fails on any unscoped rule.
 *
 * Two halves:
 *   1. Hand-written — the token remap (ported from GMC Pulse), typography, shape,
 *      the sign-in pages and the brand mark.
 *   2. GENERATED — an override for every colour app.css writes directly, where a
 *      token cannot reach. Rebuilt by `node scripts/build-paramount-css.js`; a test
 *      fails if app.css changes without it being re-run.
 */

/* Satoshi — Paramount's body face, self-hosted from public/fonts/ under the ITF
   Free Font Licence (copy beside the files). The variable fonts cover weights
   300–900, upright and italic. A @font-face on its own draws nothing, so these
   are harmless on Standard — the browser only fetches a face something uses. */
@font-face {
  font-family: 'Satoshi';
  src: url('/fonts/Satoshi-Variable.woff2') format('woff2-variations'),
       url('/fonts/Satoshi-Variable.woff2') format('woff2');
  font-weight: 300 900; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('/fonts/Satoshi-VariableItalic.woff2') format('woff2-variations'),
       url('/fonts/Satoshi-VariableItalic.woff2') format('woff2');
  font-weight: 300 900; font-style: italic; font-display: swap;
}

/* ── 1. Tokens (GMC Pulse's Paramount block, plus SEO Pulse's --purple family) ── */
:root[data-theme="paramount"] {
  --blue:        #da1a50;  /* primary / interactive: buttons, links, active */
  --blue-light:  #fbe1ea;
  --blue-dark:   #ab1340;
  --green:       #0a9e86;  /* positive (teal, darkened for text) */
  --green-light: #d5f5ee;
  --amber:       #c68713;  /* warning (brand gold, text-safe) */
  --amber-light: #fbeecb;
  /* --red / --red-light deliberately NOT overridden: errors stay true red. */
  --purple:       #4b57c9; /* indigo — the palette's 'info' role */
  --purple-light: #e6e8fa;
  --purple-dark:  #353f9e;
  --slate-50:  #f7f8fd;
  --slate-100: #eef0f9;
  --slate-200: #e4e6f3;
  --slate-300: #cfd3e8;    /* undefined on Standard today — defined ONLY here */
  --slate-400: #8b91ab;
  --slate-500: #585e79;
  --slate-700: #2b3152;
  --slate-800: #0c1332;    /* navy — sidebar + darkest text */
  --slate-900: #0c1332;
  --radius:    18px;
  --shadow:    0 6px 22px -12px rgba(12,19,50,.28), 0 1px 3px rgba(12,19,50,.06);
  /* Variables the screen code uses with a fallback but Standard never defines —
     so on Standard the fallback shows, and only Paramount gives them a value. */
  --blue-50: #fdf0f4;
  --primary-light: #fdf0f4;
  --amber-dark: #a86f0c;
  --green-dark: #008475;
  --slate-600: #454b6b;
  --text-secondary: #454b6b;
  --bg-muted: #f7f8fd;
  --bg-secondary: #f7f8fd;
  --bg-subtle: rgba(12,19,50,.04);
  --success: #0a9e86;
  --warning: #c68713;
  /* --danger deliberately not set: errors stay true red. */
}

:root[data-theme="paramount"] body {
  font-family: 'Satoshi', 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

/* Display face on headings + big figures */
:root[data-theme="paramount"] h1,
:root[data-theme="paramount"] h2,
:root[data-theme="paramount"] h3,
:root[data-theme="paramount"] .page-header h2,
:root[data-theme="paramount"] .metric-card .value,
:root[data-theme="paramount"] .logo {
  font-family: 'Bricolage Grotesque', 'Satoshi', system-ui, sans-serif;
  letter-spacing: -0.012em;
}

/* Pills — Paramount's 40px-radius buttons */
:root[data-theme="paramount"] .btn,
:root[data-theme="paramount"] .badge { border-radius: 999px; }
/* Joined segmented controls (Days / Weeks / Months, All / Desktop / Mobile). The
   pill rule above outranks app.css's square-corner rule for the buttons INSIDE a
   group, which would round each segment and break the join. The GROUP becomes the
   pill instead, and its overflow:hidden clips the square segments to that shape. */
:root[data-theme="paramount"] .gran-toggle { border-radius: 999px; }
:root[data-theme="paramount"] .gran-toggle .btn { border-radius: 0; }
/* The chart Line / Bar toggles are the same shape, but set their corner inline. */
:root[data-theme="paramount"] .chart-toggle { border-radius: 999px !important; }
/* The pill clips each segment, and with it the browser's focus ring, which then
   shows as a square-cornered stub on the end segment. Draw the ring inside. */
:root[data-theme="paramount"] .chart-toggle .ct-btn:focus-visible,
:root[data-theme="paramount"] .gran-toggle .btn:focus-visible { outline: 2px solid var(--blue-dark); outline-offset: -2px; }
:root[data-theme="paramount"] .chart-toggle .ct-btn:focus:not(:focus-visible),
:root[data-theme="paramount"] .gran-toggle .btn:focus:not(:focus-visible) { outline: none; }
/* UI.modal, the standard dialog, sets its box inline; match the card radius. */
:root[data-theme="paramount"] #app-modal > div { border-radius: 18px !important; }
:root[data-theme="paramount"] .ui-confirm-box { border-radius: 18px; }

/* Wordmark: one colour, like GMC Pulse (Paul, 2026-09-29 — replaces the teal
   "Pulse"). ALL WHITE wherever it sits on navy: sidebar, mobile header and the
   sign-in cards. On the white share-page headers it is the navy-black ink. */
:root[data-theme="paramount"] .logo,
:root[data-theme="paramount"] .logo span { color: #fff; }
:root[data-theme="paramount"] .share-header .logo,
:root[data-theme="paramount"] .share-header .logo span,
:root[data-theme="paramount"] .share-report-header .logo,
:root[data-theme="paramount"] .share-report-header .logo span,
:root[data-theme="paramount"] .hub-header .logo,
:root[data-theme="paramount"] .hub-header .logo span { color: #0c1332 !important; }  /* share-hub sets "Pulse" inline */

/* The mosaic mark /theme.js inserts beside every wordmark */
:root[data-theme="paramount"] .pd-mark { display: inline-block; vertical-align: -4px; margin-right: 8px; flex: none; }

/* Declines stay true RED, as on Standard (Paul, 2026-09-29). They were magenta
   here for a day, but only in three places — Rank Tracking, Query movement and
   every other screen writes its declines in red — so red now means "down"
   everywhere, and magenta is left to mean "you can click this". */

/* Informational badges (badge-blue: "Active", schema types, "recommended",
   opportunity counts). Blue maps to the brand magenta, which beside the red
   Lost / Declined badges read as a warning. Indigo is the palette's info role. */
:root[data-theme="paramount"] .badge-blue { background: var(--purple-light); color: var(--purple-dark); }

/* Delete / danger buttons: a deep, dark red outline rather than a pale pink
   fill, so "Delete test" cannot be mistaken for the solid magenta main button
   beside it. Still unmistakably red; errors elsewhere keep --red. */
:root[data-theme="paramount"] .btn-danger { color: #8b1a1a; background: #fff; border-color: rgba(139,26,26,0.45); }
:root[data-theme="paramount"] .btn-danger:hover { background: #fbeaea; border-color: #8b1a1a; }

/* ── Sign-in, admin sign-in and set-password pages (they share .auth-card) ── */
:root[data-theme="paramount"] body:has(.auth-card) { background: #0c1332; }
:root[data-theme="paramount"] .auth-card {
  background: #141c42; border: 1px solid rgba(255,255,255,0.06);
  box-shadow: 0 18px 48px -18px rgba(0,0,0,.55); border-radius: 18px; color: #e4e6f3;
  /* The card is dark, but the pages style their contents through the light-theme
     variables — a label set inline to var(--text) would be navy on navy, the
     secret-key and backup-code boxes near-white under light text. Re-pointing the
     variables INSIDE the card fixes every element at once, inline styles included. */
  --text: #e4e6f3;
  --text-muted: #b8bdd6;
  --border: rgba(255,255,255,0.14);
  --slate-50: rgba(255,255,255,0.06);
  --slate-200: rgba(255,255,255,0.14);
  --bg-secondary: rgba(255,255,255,0.06);
}
:root[data-theme="paramount"] .auth-card .logo { color: #fff !important; }         /* inline colour on the page */
:root[data-theme="paramount"] .auth-card .logo span { color: #fff !important; }
:root[data-theme="paramount"] .auth-card .logo .pd-mark { display: none; }         /* the lockup carries the mark here */
:root[data-theme="paramount"] .auth-card .sub,
:root[data-theme="paramount"] .auth-card label,
:root[data-theme="paramount"] .auth-card .auth-hint,
:root[data-theme="paramount"] .auth-card .rules { color: #b8bdd6; }
:root[data-theme="paramount"] .auth-card input {
  background: #0f1738; color: #fff; border-color: rgba(255,255,255,0.14);
}
:root[data-theme="paramount"] .auth-card input:focus { border-color: #da1a50; }
:root[data-theme="paramount"] .auth-card button[type=submit],
:root[data-theme="paramount"] .auth-card button:not(.pwd-toggle) { background: #da1a50; border-radius: 999px; }
:root[data-theme="paramount"] .auth-card button:not(.pwd-toggle):hover { background: #b91548; }
:root[data-theme="paramount"] .auth-card button:disabled { background: #475569; }
:root[data-theme="paramount"] .auth-card .pwd-toggle { color: #b8bdd6; }
/* Text links only — "Sign in with Google" is a link styled as a button and keeps
   its white label on the magenta fill. */
:root[data-theme="paramount"] .auth-card a:not(.btn-google) { color: #f7a9c3; }
:root[data-theme="paramount"] .auth-card .auth-error { color: #f87171; }            /* still red, readable on navy */
:root[data-theme="paramount"] .pd-lockup { display: flex; align-items: center; gap: 10px; margin-bottom: 22px; }
:root[data-theme="paramount"] .pd-lockup .pd-mark { margin-right: 0; vertical-align: middle; }
:root[data-theme="paramount"] .rb-brand-name { font-family: 'Bricolage Grotesque', sans-serif; font-weight: 700; }
:root[data-theme="paramount"] .pd-lockup span {
  font-family: 'Bricolage Grotesque', sans-serif; font-weight: 700; font-size: 17px;
  color: #fff; letter-spacing: -0.01em;
}

/* ── 2. Overrides for colours app.css writes directly ── */
/* ===== GENERATED from app.css by scripts/build-paramount-css.js — do not edit by hand ===== */
:root[data-theme="paramount"] {
  --pd-059669: #0a9e86;
  --pd-065f46: #006b5f;
  --pd-15803d: #008475;
  --pd-166534: #006b5f;
  --pd-1d4ed8: #da1a50;
  --pd-1e40af: #ab1340;
  --pd-3730a3: #353f9e;
  --pd-374151: #2b3152;
  --pd-3b82f6: #da1a50;
  --pd-475569: #454b6b;
  --pd-6366f1: #4b57c9;
  --pd-6b7280: #6b7089;
  --pd-78350f: #6b4506;
  --pd-854d0e: #8a5a08;
  --pd-86efac: #8fe0cf;
  --pd-92400e: #8a5a08;
  --pd-9ca3af: #8b91ab;
  --pd-b45309: #a86f0c;
  --pd-bbf7d0: #bdeee3;
  --pd-cbd5e1: #cfd3e8;
  --pd-eab308: #e8a828;
  --pd-eef2ff: #e6e8fa;
  --pd-eff6ff: #fbe1ea;
  --pd-f0fdf4: #e8f8f4;
  --pd-f59e0b: #e8a828;
  --pd-fbbf24: #e8a828;
  --pd-fef9e7: #fdf7ea;
}
:root[data-theme="paramount"] .site-switcher-popover {
  background: #0c1332;
  color: #e4e6f3;
}
:root[data-theme="paramount"] .site-switcher-popover .ssp-head {
  color: #8b91ab;
  background: #0c1332;
}
:root[data-theme="paramount"] .site-switcher-popover .ssp-hint {
  color: #585e79;
}
:root[data-theme="paramount"] .site-switcher-popover .ssp-hint.active {
  color: #f7a9c3;
}
:root[data-theme="paramount"] .site-switcher-popover .ssp-empty {
  color: #8b91ab;
}
:root[data-theme="paramount"] .site-switcher-popover .ssp-item {
  color: #e4e6f3;
}
:root[data-theme="paramount"] .site-switcher-popover .ssp-all {
  color: #f7a9c3;
}
:root[data-theme="paramount"] .nav-label {
  color: #cfd3e8;
}
:root[data-theme="paramount"] #nav-menu .nav-label.nav-sublabel {
  color: #8b91ab;
}
:root[data-theme="paramount"] .nav-item {
  color: #8b91ab;
}
:root[data-theme="paramount"] .nav-item:hover {
  color: #e4e6f3;
}
:root[data-theme="paramount"] .nav-item.active {
  background: rgba(218,26,80,0.15);
}
:root[data-theme="paramount"] .site-item {
  color: #8b91ab;
}
:root[data-theme="paramount"] .site-item:hover {
  color: #e4e6f3;
}
:root[data-theme="paramount"] .alert-banner-item {
  background: #fbeecb;
  border-left: 4px solid #c68713;
}
:root[data-theme="paramount"] .alert-banner-icon {
  color: #8a5a08;
}
:root[data-theme="paramount"] .alert-banner-type {
  color: #8a5a08;
}
:root[data-theme="paramount"] .alert-banner-dismiss {
  color: #8a5a08;
}
:root[data-theme="paramount"] .alert-banner-footer {
  background: #fdf7ea;
  color: #8a5a08;
}
:root[data-theme="paramount"] .chart-tooltip {
  box-shadow: 0 8px 24px rgba(12,19,50, 0.12);
}
:root[data-theme="paramount"] .chart-tooltip .delta.up {
  color: #0a9e86;
}
:root[data-theme="paramount"] .metric-card[onclick]:hover {
  box-shadow: 0 2px 8px rgba(218,26,80,0.18);
}
:root[data-theme="paramount"] .uptime-heatmap-cell.ratelimited {
  background: repeating-linear-gradient(45deg, var(--green), var(--green) 4px, #bdeee3 4px, #bdeee3 8px);
}
:root[data-theme="paramount"] .uptime-heatmap-cell.nodata {
  background: #e4e6f3;
}
:root[data-theme="paramount"] .badge-green {
  color: #006b5f;
}
:root[data-theme="paramount"] .badge-yellow {
  color: #8a5a08;
}
:root[data-theme="paramount"] .modal-overlay {
  background: rgba(12,19,50,0.55);
}
:root[data-theme="paramount"] .btn-success {
  color: #006b5f;
}
:root[data-theme="paramount"] .btn-success:hover {
  background: #bdeee3;
}
:root[data-theme="paramount"] .rb-typed {
  color: #8a5a08;
}
:root[data-theme="paramount"] .rr-cs-ba-stage .ba-line::after {
  color: #0c1332;
}
:root[data-theme="paramount"] .rr-cs-ba-stage .ba-tag {
  background: rgba(12,19,50,.72);
}
:root[data-theme="paramount"] .cse-pick {
  background: rgba(12,19,50, .45);
}
:root[data-theme="paramount"] .cse-pick-card {
  box-shadow: 0 20px 50px rgba(12,19,50, .25);
}
:root[data-theme="paramount"] .bulk-bar {
  border: 1px solid rgba(218,26,80,0.2);
}
:root[data-theme="paramount"] .form-group input:focus,
:root[data-theme="paramount"] .form-group select:focus,
:root[data-theme="paramount"] .form-group textarea:focus {
  box-shadow: 0 0 0 3px rgba(218,26,80,0.12);
}
:root[data-theme="paramount"] :where(input:not([type=checkbox], [type=radio], [type=range], [type=color], [type=file]), select, textarea):focus {
  box-shadow: 0 0 0 3px rgba(218,26,80,0.12);
}
:root[data-theme="paramount"] .date-range-bar input[type="date"]:focus {
  box-shadow: 0 0 0 3px rgba(218,26,80,0.12);
}
:root[data-theme="paramount"] .btn.btn-icon:hover {
  background: rgba(218,26,80,0.06);
}
:root[data-theme="paramount"] .dash-compare-btn.compare-active:hover {
  background: rgba(218,26,80,0.12);
}
:root[data-theme="paramount"] .page-search-results .ps-item:hover,
:root[data-theme="paramount"] .page-search-results .ps-item.active {
  background: rgba(218,26,80,0.08);
}
:root[data-theme="paramount"] .page-search-results .ps-path mark {
  background: #fbeecb;
}
:root[data-theme="paramount"] .page-search-results .ps-src-green {
  background: #d5f5ee;
  color: #006b5f;
}
:root[data-theme="paramount"] .page-search-results .ps-src-blue {
  background: #fbe1ea;
  color: #ab1340;
}
:root[data-theme="paramount"] .page-search-results .ps-src-purple {
  background: #e6e8fa;
  color: #353f9e;
}
:root[data-theme="paramount"] .cb-editor .cb-block:hover {
  background: rgba(218,26,80,0.03);
}
:root[data-theme="paramount"] .cb-editable:focus {
  background: rgba(218,26,80,0.05);
}
:root[data-theme="paramount"] .cb-prov .cb-block[data-prov="ai_untouched"] {
  border-left-color: #e8a828;
}
:root[data-theme="paramount"] .cb-prov .cb-block[data-prov="human_new"] {
  border-left-color: #0a9e86;
}
:root[data-theme="paramount"] .cb-sw-ai {
  background: #e8a828;
}
:root[data-theme="paramount"] .cb-sw-human {
  background: #0a9e86;
}
:root[data-theme="paramount"] .cb-human-chip.cb-human-low {
  background: #fbeecb;
  color: #8a5a08;
}
:root[data-theme="paramount"] .cb-bm-hint {
  background: rgba(218,26,80,.06);
  border: 1px solid rgba(218,26,80,.18);
}
:root[data-theme="paramount"] .cb-wiz-aside select:focus,
:root[data-theme="paramount"] select.cb-version-select:focus {
  box-shadow: 0 0 0 3px rgba(218,26,80,0.12);
}
:root[data-theme="paramount"] .cb-suggest-row:hover {
  background: rgba(218,26,80,.05);
}
:root[data-theme="paramount"] .pg-up {
  color: #006b5f;
}
:root[data-theme="paramount"] .cb-idea-reward {
  color: #006b5f;
}
:root[data-theme="paramount"] .ui-prompt-field:focus {
  box-shadow: 0 0 0 3px rgba(218,26,80, .15);
}
:root[data-theme="paramount"] .cb-tone-amber {
  border-left-color: #e8a828;
}
:root[data-theme="paramount"] .cb-tone-green {
  border-left-color: #01c6a3;
  background: #e8f8f4;
}
:root[data-theme="paramount"] .cb-kw-trend.up {
  color: #006b5f;
}
:root[data-theme="paramount"] .cb-wiz-saved.ok {
  color: #006b5f;
}
:root[data-theme="paramount"] .cb-wiz-step.on {
  background: rgba(218,26,80,.06);
}
:root[data-theme="paramount"] .cb-wiz-step.done {
  color: #006b5f;
  border-color: #bdeee3;
  background: #e8f8f4;
}
:root[data-theme="paramount"] .cb-wiz-step.done .cb-wiz-num {
  background: #0a9e86;
}
:root[data-theme="paramount"] .cb-wiz-card:has(input:checked) {
  background: rgba(218,26,80,.05);
  box-shadow: 0 0 0 3px rgba(218,26,80,.08);
}
:root[data-theme="paramount"] .cb-faq-count:focus {
  box-shadow: 0 0 0 3px rgba(218,26,80,.12);
}
:root[data-theme="paramount"] .cb-faq-chip.on {
  background: rgba(218,26,80,.08);
}
:root[data-theme="paramount"] .sys-tile:hover {
  box-shadow: 0 2px 8px rgba(12,19,50,.06);
}
:root[data-theme="paramount"] .hr-test textarea:focus,
:root[data-theme="paramount"] .hr-form textarea:focus,
:root[data-theme="paramount"] .hr-form input[type=number]:focus {
  box-shadow: 0 0 0 3px rgba(218,26,80,0.12);
}
:root[data-theme="paramount"] .ui-confirm {
  background: rgba(12,19,50,.45);
}
:root[data-theme="paramount"] .ui-confirm-box {
  box-shadow: 0 12px 40px rgba(12,19,50,.3);
}
:root[data-theme="paramount"] .ga4c-pairrow input:focus,
:root[data-theme="paramount"] .ga4c-input:focus {
  box-shadow: 0 0 0 3px rgba(218,26,80,0.12);
}
:root[data-theme="paramount"] .cb-comp-input:focus {
  box-shadow: 0 0 0 3px rgba(218,26,80,.12);
}
:root[data-theme="paramount"] .cb-comp-status-ok {
  color: #006b5f;
}
:root[data-theme="paramount"] .cb-comp-status-warn {
  color: #8a5a08;
}
:root[data-theme="paramount"] .inspect-icon:hover {
  background: rgba(218,26,80,0.1);
}
:root[data-theme="paramount"] .menu-toggle span {
  background: #8b91ab;
}
:root[data-theme="paramount"] .sidebar-backdrop {
  background: rgba(12,19,50, 0.5);
}
:root[data-theme="paramount"] .site-card:hover {
  box-shadow: 0 2px 8px rgba(218,26,80,0.1);
}
:root[data-theme="paramount"] .sd-group .sd-group-header:hover {
  background: #fbe1ea !important;
}
:root[data-theme="paramount"] .sd-group.sd-open .sd-group-header {
  background: #fbe1ea !important;
}
:root[data-theme="paramount"] .rb-field input:focus,
:root[data-theme="paramount"] .rb-field select:focus,
:root[data-theme="paramount"] .rb-field textarea:focus {
  box-shadow: 0 0 0 3px rgba(218,26,80,0.1);
}
:root[data-theme="paramount"] .rb-section-item:hover {
  box-shadow: 0 1px 4px rgba(218,26,80,0.08);
}
:root[data-theme="paramount"] .deck-contents {
  box-shadow: 0 12px 32px rgba(12,19,50, .16);
}
:root[data-theme="paramount"] .deck-ask {
  background: rgba(12,19,50, .45);
}
:root[data-theme="paramount"] .deck-ask-card {
  box-shadow: 0 20px 50px rgba(12,19,50, .25);
}
:root[data-theme="paramount"] .rr-person {
  background: rgba(12,19,50, .45);
}
:root[data-theme="paramount"] .rr-person-card {
  box-shadow: 0 20px 50px rgba(12,19,50, .25);
}
:root[data-theme="paramount"] .rr-src-w {
  color: #8a5a08;
}
:root[data-theme="paramount"] .rr-gsc-legend i.r {
  border-top: 1.5px solid #cfd3e8;
}
:root[data-theme="paramount"] .rg-table .rg-fix2 {
  box-shadow: inset -1px 0 0 var(--slate-200), 6px 0 8px -6px rgba(12,19,50, 0.18);
}
:root[data-theme="paramount"] .rg-wtag {
  color: #8a5a08;
}
:root[data-theme="paramount"] .rg-sw-faint {
  border-top: 2px dotted rgba(218,26,80, 0.4);
}
:root[data-theme="paramount"] .rg-legend i.rg-sw-bar {
  background: rgba(218,26,80, 0.15);
}
:root[data-theme="paramount"] .grp-table .grp-fix {
  box-shadow: inset -1px 0 0 var(--slate-200), 6px 0 8px -6px rgba(12,19,50, 0.18);
}
:root[data-theme="paramount"] .rb-add-bar select:focus {
  box-shadow: 0 0 0 3px rgba(218,26,80,0.1);
}
:root[data-theme="paramount"] .ai-summary .ai-section.ai-actions {
  background: rgba(218,26,80,0.04);
}
:root[data-theme="paramount"] .ai-summary .ai-section.ai-reasoning {
  border-left-color: #4b57c9;
  background: rgba(75,87,201,0.04);
}
:root[data-theme="paramount"] .ai-summary .ai-section.ai-competitor {
  border-left-color: #e8a828;
}
:root[data-theme="paramount"] .ai-summary .ai-section.ai-copyblock {
  border-left-color: #01c6a3;
}
:root[data-theme="paramount"] .ca-copy-btn {
  background: #01c6a3;
}
:root[data-theme="paramount"] .ca-copy-btn:hover {
  background: #0a9e86;
}
:root[data-theme="paramount"] .ca-field-group input[type="text"]:focus {
  box-shadow: 0 0 0 3px rgba(218,26,80,0.1);
}
:root[data-theme="paramount"] .ca-suggestion:hover {
  background: rgba(218,26,80,0.03);
}
:root[data-theme="paramount"] .btn.star-btn.is-important {
  background: #fbeecb;
  border-color: #e8a828;
  color: #a86f0c;
}
:root[data-theme="paramount"] .btn.star-btn.is-important:hover {
  border-color: #c68713;
}
:root[data-theme="paramount"] .task-comment-form textarea:focus {
  box-shadow: 0 0 0 3px rgba(218,26,80, 0.1);
}
:root[data-theme="paramount"] .cb-step.done {
  color: #006b5f;
}
:root[data-theme="paramount"] .load-error {
  background: #fbeecb;
  border-left: 4px solid #c68713;
}
:root[data-theme="paramount"] .load-error-icon {
  color: #8a5a08;
}
:root[data-theme="paramount"] .skel-person .skel-kind {
  color: #8a5a08;
}
:root[data-theme="paramount"] .cs-review .cs-step-state,
:root[data-theme="paramount"] .cs-changes .cs-step-state,
:root[data-theme="paramount"] .cs-stale .cs-step-state {
  color: #8a5a08;
}
:root[data-theme="paramount"] .cs-pf-warn {
  color: #6b4506;
}
:root[data-theme="paramount"] .cs-warn {
  color: #a86f0c;
}
:root[data-theme="paramount"] .cs-star {
  color: #c68713;
}
:root[data-theme="paramount"] .ar-ic.paused {
  color: #8a5a08;
}
:root[data-theme="paramount"] .ar-money:focus-within {
  box-shadow: 0 0 0 3px rgba(218,26,80,0.12);
}
:root[data-theme="paramount"] .tc-sug {
  color: #8a5a08;
}
:root[data-theme="paramount"] .gscp-ok {
  border-color: #bdeee3;
}
:root[data-theme="paramount"] .gscp-wide {
  border-color: #f5c2d2;
}
:root[data-theme="paramount"] .ar-menu {
  box-shadow: 0 10px 28px rgba(12,19,50, .16);
}
:root[data-theme="paramount"] .hub-item:hover {
  box-shadow: 0 1px 4px rgba(12,19,50,.08);
}
:root[data-theme="paramount"] .pg {
  background: #d5f5ee;
  color: #006b5f;
}
:root[data-theme="paramount"] .pm {
  background: #eef0f9;
  color: #454b6b;
}
:root[data-theme="paramount"] .pa {
  background: #fbeecb;
  color: #8a5a08;
}
:root[data-theme="paramount"] .pb {
  background: #fbe1ea;
  color: #ab1340;
}
:root[data-theme="paramount"] .share-head {
  box-shadow: 0 4px 24px rgba(12,19,50,.06);
}
:root[data-theme="paramount"] .share-head .brand {
  color: #0c1332;
}
:root[data-theme="paramount"] .share-head {
  box-shadow: 0 4px 24px rgba(12,19,50,.06);
}
:root[data-theme="paramount"] .share-head .brand {
  color: #0c1332;
}
/* ===== END GENERATED ===== */