:root{ /* ── Brand ─────────────────────────────── */ --rp-lime:#dbee00; --rp-lime-hover:#c8d900; --rp-lime-soft:#f7fbd6; --rp-lime-border:#d3df4e; --rp-navy:#1d3f6d; --rp-navy-dark:#10294c; --rp-navy-soft:#edf3fa; /* ── Neutrals ──────────────────────────── */ --rp-white:#ffffff; --rp-background:#f5f7fa; --rp-surface:#ffffff; --rp-surface-subtle:#f8fafc; --rp-surface-input:#fbfcfe; --rp-surface-table-head:#f9fbfd; --rp-surface-row-hover:#fbfcf5; --rp-border:#e2e8f0; --rp-border-strong:#cbd5e1; --rp-border-hover:#aebdce; --rp-divider:#edf1f5; --rp-track:#edf1f5; /* ── Text ──────────────────────────────── */ --rp-text:#14233b; --rp-text-secondary:#5d6b7e; --rp-text-muted:#8b98aa; --rp-text-on-navy:#dbe7f7; --rp-text-on-navy-muted:#bed0e7; /* ── Semantic ──────────────────────────── */ --rp-success:#139b5d; --rp-success-soft:#e9f8f0; --rp-success-text:#087345; --rp-warning:#e68a00; --rp-warning-soft:#fff7e8; --rp-warning-text:#a85c00; --rp-error:#e5484d; --rp-error-soft:#fff0f0; --rp-info:#53b1fd; --rp-info-soft:#edf7ff; --rp-purple:#7141d8; --rp-purple-soft:#f2edff; --rp-purple-text:#5529b6; /* ── Data-viz accents ──────────────────── */ --rp-chart-1:var(--rp-navy); --rp-chart-2:var(--rp-info); --rp-chart-3:#65c99a; --rp-chart-4:var(--rp-lime); /* ── Avatar tints ──────────────────────── */ --rp-avatar-default:#dce8f4; --rp-avatar-warm:#f5e2d7; --rp-avatar-green:#dcebdd; --rp-avatar-lg:#d8e5f3; /* ── Semantic aliases ──────────────────── */ --rp-action-primary-bg:var(--rp-lime); --rp-action-primary-bg-hover:var(--rp-lime-hover); --rp-action-primary-fg:var(--rp-navy-dark); --rp-action-secondary-bg:var(--rp-white); --rp-action-secondary-fg:var(--rp-navy); --rp-action-secondary-border:var(--rp-border-strong); --rp-nav-bg:var(--rp-navy); --rp-nav-fg:var(--rp-text-on-navy); --rp-nav-active-bg:var(--rp-lime); --rp-nav-active-fg:var(--rp-navy-dark); --rp-heading:var(--rp-navy-dark); --rp-eyebrow:var(--rp-navy); --rp-overlay:rgba(10,28,52,.45); --rp-focus-ring:rgba(219,238,0,.72); --rp-focus-ring-field:rgba(219,238,0,.3); --rp-focus-border-field:#b7c500; } /* ───────────────────────────────────────────────────────────── Alternative palette — "Mint". Opt in with . Primary #C7EED9 (mint, carries Navy text exactly like Lime) Secondary #F94F50 (signal red, for accents and destructive intent) Structure, neutrals and text are unchanged. ───────────────────────────────────────────────────────────── */ [data-theme="mint"]{ --rp-mint:#c7eed9; --rp-mint-hover:#b2e4c9; --rp-mint-soft:#eefaf3; --rp-mint-border:#a9dcc1; --rp-mint-ink:#0f3d28; --rp-signal:#f94f50; --rp-signal-hover:#e43f40; --rp-signal-soft:#ffefef; --rp-signal-ink:#a81f20; /* Brand slots remapped */ --rp-lime:var(--rp-mint); --rp-lime-hover:var(--rp-mint-hover); --rp-lime-soft:var(--rp-mint-soft); --rp-lime-border:var(--rp-mint-border); /* Action + accent aliases */ --rp-action-primary-bg:var(--rp-mint); --rp-action-primary-bg-hover:var(--rp-mint-hover); --rp-action-primary-fg:var(--rp-navy-dark); --rp-action-accent-bg:var(--rp-signal); --rp-action-accent-bg-hover:var(--rp-signal-hover); --rp-action-accent-fg:#ffffff; /* Derived surfaces that were tinted by Lime */ --rp-surface-row-hover:#f7fcf9; --rp-nav-active-bg:var(--rp-mint); --rp-nav-active-fg:var(--rp-navy-dark); --rp-chart-4:var(--rp-mint); --rp-focus-ring:rgba(199,238,217,.9); --rp-focus-ring-field:rgba(199,238,217,.55); --rp-focus-border-field:#7fc9a2; /* Error picks up the sharper secondary */ --rp-error:var(--rp-signal); --rp-error-soft:var(--rp-signal-soft); }