/* Mudassir Design System, generated from tokens.json */
:root, [data-theme="light"] {
  --ink: #141413;
  --ink-2: #3a3a3e;
  --ink-soft: #5c5a55;
  --ink-soft-2: #6b6b72;
  --ink-faint: #6d6a63;
  --ink-quote: #2a2925;
  --icon: #7c7c84;
  --on-ink: #ffffff;
  --ink-hover: #2a2a2c;
  --surface: #ffffff;
  --surface-soft: #fcfbf8;
  --surface-hover: #faf9f7;
  --surface-muted: #fbfaf8;
  --surface-cert: #fffdf8;
  --panel: #f6f6f7;
  --active: #f3f3f4;
  --hover: rgba(20,20,30,0.045);
  --video: #18181b;
  --rule: #ebe6dc;
  --rule-strong: #e3ddd1;
  --rule-hover: #d9d2c3;
  --rule-firm: #cfc6b4;
  --control-line: #8f8a80;
  --todo-line: #c9c3b6;
  --cert-line: #e9e0cc;
  --track: #efece6;
  --toggle-off: #d9d5cd;
  --accent-blue: #3e6fbf;
  --accent: var(--accent-blue);
  --accent-tint: #e8eff9;
  --link: #2f5799;
  --stamp-bg: #fbe3df;
  --stamp-ink: #8f2a20;
  --stamp-solid: #c4594a;
  --stamp-tint: #fdf1ef;
  --stamp-line: #f2d4cd;
  --stamp-btn: #f6cdc6;
  --stamp-btn-hover: #f2c0b8;
  --stamp-btn-line: #eeb8ae;
  --stamp-btn-ink: #7a2118;
  --light-bg: #fbf0d9;
  --light-ink: #6f4f0f;
  --light-tint: #fdf8ec;
  --light-line: #f0dfb8;
  --light-line-2: #ead8a8;
  --light-solid: #d9a441;
  --done-bg: #e1f2e7;
  --done-ink: #1f6140;
  --done-solid: #2e7d55;
  --done-tint: #f3f8f4;
  --done-line: #d5e8db;
  --done-line-2: #cfe3d6;
  --wait-bg: #e3e8ee;
  --wait-ink: #36404c;
  --info-bg: #dbe8f7;
  --info-ink: #234a72;
  --info-tint: #e6edf8;
  --kind-violet-bg: #e9e1f5;
  --kind-violet-ink: #4a2f6e;
  --kind-indigo-bg: #e0e3f8;
  --kind-indigo-ink: #2f3a7a;
  --kind-stone-bg: #ece9e3;
  --kind-stone-ink: #47433b;
  --kind-rose-bg: #f6e3ef;
  --kind-rose-ink: #7a2f5c;
  --scale-0: #f3f1ec;
  --scale-1: #dfe8f5;
  --scale-2: #c9d8ef;
  --scale-3: #b9cdeb;
  --scale-4: #9db8e0;
  --scale-empty: #ece8df;
  --rating: #b67d12;
  --accent-violet: #7a4fc2;
  --accent-warm: #b4543a;
  --accent-green: #2e7d55;
  --accent-ink: var(--ink);
  --wf-ink: #1f1f22;
  --wf-mid: #62626a;
  --wf-soft: #8e8e96;
  --wf-line: #d9d9de;
  --wf-fill: #f3f3f5;
  --wf-fill2: #e6e6ea;
  --wf-side: #fafafb;
  --wf-control: #b4b4bb;
  --wf-blue-bg: #eef3fb;
  --wf-ai-mark: #9a8fd0;
  --wf-dot-stamp: #d8786b;
  --wf-done-line: #bfe0ca;
  --wf-stamp-line: #eec0b8;
  --wf-purpose-ink: #24426e;
  --wf-video: #2b2b2f;
  --wf-video-text: #bdbdc3;
  --wf-bar: #7d7d86;
  --wf-dot: #a9a9b0;
  --wf-line-title: #cfcfd5;
  --wf-scale-1: #f1f1f3;
  --wf-scale-2: #d6d6dc;
  --wf-scale-3: #c9c9cf;
  --wf-scale-4: #b4b4bb;
  --wf-scale-5: #a0a0a8;
  --shadow-lift: 0 1px 3px rgba(30, 25, 15, 0.14);
  --shadow-modal: 0 0 0 1px rgba(30, 25, 15, 0.06), 0 14px 36px rgba(30, 25, 15, 0.18);
}
:root {
  --space-4: 4px;
  --space-6: 6px;
  --space-8: 8px;
  --space-10: 10px;
  --space-12: 12px;
  --space-14: 14px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-28: 28px;
  --space-30: 30px;
  --r-chip: 999px;
  --r-control: 999px;
  --r-tile: 18px;
  --r-card: 26px;
  --r-sheet: 28px;
  --prism: linear-gradient(115deg, #f0a93b, #e8563f 30%, #b44fd8 55%, #3f8cff 80%, #2e9e6b);
  --prism-edge: linear-gradient(90deg, #f0a93b, #e8563f 30%, #b44fd8 55%, #3f8cff 80%, #2e9e6b);
  --font-body: Inter, "Segoe UI", system-ui, sans-serif;
  --font-display: "Inter Tight", Inter, sans-serif;
  --font-mono: "IBM Plex Mono", monospace;
  --font-serif: "Source Serif 4", Georgia, serif;
}
.type-page-title { font-family: var(--font-display); font-size: 40px; line-height: 1.1; font-weight: 500; letter-spacing: -0.03em; }
.type-section-title { font-family: var(--font-display); font-size: 18px; line-height: 1.3; font-weight: 600; letter-spacing: -0.01em; }
.type-card-title { font-family: var(--font-display); font-size: 15px; line-height: 1.35; font-weight: 600; }
.type-lead { font-family: var(--font-body); font-size: 15px; line-height: 1.55; font-weight: 400; }
.type-body { font-family: var(--font-body); font-size: 14px; line-height: 1.55; font-weight: 400; }
.type-label { font-family: var(--font-body); font-size: 13px; line-height: 1.4; font-weight: 500; }
.type-small { font-family: var(--font-body); font-size: 12.5px; line-height: 1.5; font-weight: 400; }
.type-quote { font-family: var(--font-body); font-size: 15px; line-height: 1.65; font-weight: 400; }
.type-stat { font-family: var(--font-mono); font-size: 26px; line-height: 1.15; font-weight: 500; letter-spacing: -0.02em; }
.type-count { font-family: var(--font-mono); font-size: 13px; line-height: 1.4; font-weight: 400; }
.type-timestamp { font-family: var(--font-mono); font-size: 11.5px; line-height: 1.4; font-weight: 400; }
.type-kicker { font-family: var(--font-mono); font-size: 10.5px; line-height: 1.3; font-weight: 500; letter-spacing: 0.08em; }
.type-certificate-name { font-family: var(--font-serif); font-size: 40px; line-height: 1.1; font-weight: 600; }
.type-signature { font-family: var(--font-serif); font-size: 20px; line-height: 1.3; font-weight: 400; font-style: italic; }