john/svsmspcalc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Pre-Alpha to Alpha Ready

Browse Source
This commit is contained in:
John OReilly
2026-03-16 01:42:17 -04:00
parent 42b7b06dda
commit e6c0baef3b
60 changed files with 12287 additions and 230 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
SVS-MSP-Calculator-tokens.css
View File

@@ -165,19 +165,23 @@
--surface-danger-border: #5e2830;
--text-danger: #e87882;
--surface-warning: #2a1e06;
--surface-warning-panel: #2e1f08;
--surface-warning-panel: var(--surface-warning);
--surface-warning-border: #5a3a10;
--surface-compare-success: rgba(39, 174, 96, 0.16);
--surface-compare-warning: rgba(210, 120, 30, 0.16);
--surface-selected: #1d2d3a;
--text-selected-accent: #ccecff;
--surface-positive-pill: rgba(33,112,69,0.10);
--surface-positive-badge: rgba(33,112,69,0.12);
--border-positive-badge: rgba(33,112,69,0.28);
--surface-positive-badge-strong: rgba(33,112,69,0.13);
--border-positive-badge-strong: rgba(33,112,69,0.3);
--surface-positive-panel: rgba(33,112,69,0.08);
--border-positive-panel: rgba(33,112,69,0.22);
--surface-positive-soft: rgba(33,112,69,0.08);
--surface-positive-strong: rgba(33,112,69,0.13);
--border-positive-soft: rgba(33,112,69,0.22);
--border-positive-strong: rgba(33,112,69,0.3);
--surface-positive-pill: var(--surface-positive-soft);
--surface-positive-badge: var(--surface-positive-strong);
--border-positive-badge: var(--border-positive-strong);
--surface-positive-badge-strong: var(--surface-positive-strong);
--border-positive-badge-strong: var(--border-positive-strong);
--surface-positive-panel: var(--surface-positive-soft);
--border-positive-panel: var(--border-positive-soft);
--surface-addon-hover: var(--surface-accent-soft);
--border-addon-hover: color-mix(in srgb, var(--accent) 24%, var(--border));
--text-sidebar-kicker: rgba(255,255,255,0.75);
@@ -190,10 +194,9 @@
--text-vs-muted: #b5ab9e;
--text-incentive: var(--green);
--text-on-accent: #fff;
--text-on-accent-strong: rgba(255,255,255,0.9);
--text-on-accent-soft: rgba(255,255,255,0.85);
--text-on-accent-muted: rgba(255,255,255,0.8);
--text-on-accent-subtle: rgba(255,255,255,0.7);
--text-on-accent-strong: var(--text-on-accent-soft);
--surface-on-accent-badge: rgba(255,255,255,0.18);
--border-on-accent-badge: rgba(255,255,255,0.35);
--text-pill-savings-active: #86efac;
@@ -201,6 +204,10 @@
--shadow-modal: 0 16px 50px rgba(0,0,0,0.35);
--shadow-switch-knob: 0 1px 3px rgba(0,0,0,0.3);
--shadow-floating: 0 4px 20px rgba(0,0,0,0.45);
--group-strip: color-mix(in srgb, var(--accent) 18%, var(--paper));
--shadow-card: 0 2px 8px rgba(0,0,0,0.15), 0 1px 3px rgba(0,0,0,0.1);
--shadow-card-hover: 0 4px 16px rgba(0,0,0,0.2), 0 2px 6px rgba(0,0,0,0.12);
--shadow-card-open: 0 6px 20px rgba(0,0,0,0.22), 0 2px 8px rgba(0,0,0,0.14);
--section-hover-border: rgba(45,122,168,0.35);
--section-hover-shadow: -3px 0 0 0 rgba(45,122,168,0.4);
--section-open-border: rgba(45,122,168,0.5);
@@ -213,6 +220,16 @@
--btn-primary-fg: #fff;
--btn-primary-hover: #3a8fc4;
--surface-pill-icon: rgba(255,255,255,0.2);
--surface-overlay-btn: rgba(255,255,255,0.06);
--surface-overlay-btn-hover: rgba(255,255,255,0.12);
--border-overlay-btn: rgba(255,255,255,0.18);
--border-overlay-btn-hover: rgba(255,255,255,0.28);
--focus-ring-overlay: rgba(255,255,255,0.5);
--surface-sidebar-focus-backdrop: rgba(5, 11, 19, 0.58);
--shadow-sidebar: 0 18px 42px rgba(0,0,0,0.12);
--shadow-sidebar-focus: 0 28px 64px rgba(0,0,0,0.28);
--shadow-export-hover: 0 2px 8px rgba(0,0,0,0.25);
--border-nudge-nav: rgba(255,255,255,0.06);
--print-paper: #fff;
--print-ink: #1a1a1a;
--print-accent: #2d7aa8;
@@ -231,9 +248,32 @@
--print-callout-green-border: #3ab870;
--print-callout-red-border: #5e2830;
--print-footer-note: #888;
--sidebar-zone-services: rgba(255, 255, 255, 0.06);
--sidebar-zone-invoice: rgba(255, 255, 255, 0.08);
--sidebar-zone-value: rgba(58, 184, 112, 0.05);
--sidebar-zone-summary: rgba(255, 255, 255, 0.03);
--sidebar-zone-tax: transparent;
--sidebar-line-rule: color-mix(in srgb, var(--border) 88%, transparent);
--sidebar-line-rule-style: dashed;
--sidebar-total-rule: var(--border);
--sidebar-total-rule-style: solid;
--sidebar-row-stripe: rgba(255, 255, 255, 0.018);
--sidebar-group-title-color: var(--muted);
--sidebar-stack-gap: 14px;
--sidebar-top-gap: calc(var(--sidebar-stack-gap) + 14px);
--top-bar-sticky-offset: 62px;
--sidebar-sticky-top: calc(var(--top-bar-sticky-offset) + var(--sidebar-top-gap));
}
/* ── TABULAR NUMBERS ─────────────────────────────────────────
All monetary values use tabular (fixed-width) figures so
columns of numbers align perfectly.
──────────────────────────────────────────────────────────── */
.val,
.sidebar-line .val,
.price-badge,
.sidebar-hero,
[data-money] {
font-variant-numeric: tabular-nums;
}