@ciderpress/ui 1.0.0-rc.1

package/dist/theme/styles/themes/grannysmith.css

@@ -0,0 +1,545 @@
+/* GENERATED — DO NOT EDIT — run scripts/generate-theme-css.mjs */
+
+html[data-cp-theme='grannysmith'][data-cp-variant='dark'] {
+  --cp-c-brand-1: #65a30d;
+  --cp-c-brand-2: #4d7c0f;
+  --cp-c-brand-3: #365314;
+  --cp-c-brand-fg: #ffffff;
+  --cp-c-brand-soft: rgba(101, 163, 13, 0.14);
+  --cp-c-on-brand: #ffffff;
+  --cp-c-brand-light: #a3e635;
+  --cp-c-brand-lighter: #bef264;
+  --cp-c-success: #16a34a;
+  --cp-c-error: #dc2626;
+  --cp-c-warn: #d97706;
+  --cp-c-info: #2563eb;
+  --cp-c-muted: #888888;
+  --cp-c-bg: #0a0a0a;
+  --cp-c-bg-alt: #0f0f0f;
+  --cp-c-bg-elv: #161616;
+  --cp-c-bg-soft: #1c1c1c;
+  --cp-c-bg-icon: #2a2a2a;
+  --cp-c-home-bg: #0a0a0a;
+  --cp-c-overlay-faint: rgba(255, 255, 255, 0.06);
+  --cp-c-gutter: #0f0f0f;
+  --cp-code-block-bg: #141414;
+  --cp-c-text-1: #f5f5f5;
+  --cp-c-text-2: rgba(245, 245, 245, 0.72);
+  --cp-c-text-3: rgba(245, 245, 245, 0.48);
+  --cp-c-border: #2a2a2a;
+  --cp-c-divider: #1e1e1e;
+  --cp-c-sidebar-alt-border-dark: #484848;
+  --cp-c-tint-purple-bg: rgba(167, 139, 250, 0.12);
+  --cp-c-tint-purple-fg: #a78bfa;
+  --cp-c-tint-blue-bg: rgba(96, 165, 250, 0.12);
+  --cp-c-tint-blue-fg: #60a5fa;
+  --cp-c-tint-green-bg: rgba(52, 211, 153, 0.12);
+  --cp-c-tint-green-fg: #34d399;
+  --cp-c-tint-amber-bg: rgba(251, 191, 36, 0.12);
+  --cp-c-tint-amber-fg: #fbbf24;
+  --cp-c-tint-red-bg: rgba(248, 113, 113, 0.12);
+  --cp-c-tint-red-fg: #f87171;
+  --cp-c-tint-slate-bg: rgba(148, 163, 184, 0.12);
+  --cp-c-tint-slate-fg: #94a3b8;
+  --cp-c-tint-cyan-bg: rgba(14, 165, 233, 0.12);
+  --cp-c-tint-cyan-fg: #0ea5e9;
+  --cp-c-tint-pink-bg: rgba(244, 114, 182, 0.12);
+  --cp-c-tint-pink-fg: #f472b6;
+  --cp-c-tint-purple-bright-fg: #c084fc;
+  --cp-c-tint-amber-bright-fg: #fcd34d;
+  --cp-c-tint-purple-glow: rgba(167, 139, 250, 0.08);
+  --cp-c-term-bg: #0d0d0d;
+  --cp-c-term-titlebar-bg: #161616;
+  --cp-c-term-border: #222222;
+  --cp-c-term-title: #888888;
+  --cp-c-term-text: #d4d4d4;
+  --cp-c-term-prompt-prefix: #888888;
+  --cp-c-term-output: #aaaaaa;
+  --cp-c-term-red: #f87171;
+  --cp-c-term-green: #4ade80;
+  --cp-c-term-blue: #60a5fa;
+  --cp-c-term-yellow: #fbbf24;
+  --cp-c-term-cyan: #22d3ee;
+  --cp-c-term-magenta: #c084fc;
+  --cp-c-term-white: #f5f5f5;
+  --cp-c-term-gray: #888888;
+  --cp-c-term-success: #4ade80;
+  --cp-c-term-error: #f87171;
+  --cp-c-term-warn: #fbbf24;
+  --cp-c-term-info: #60a5fa;
+  --cp-c-term-muted: #888888;
+  --cp-c-term-bar: #888888;
+  --cp-c-term-step: #c084fc;
+  --cp-c-window-dot-close: #ff5f57;
+  --cp-c-window-dot-minimize: #febc2e;
+  --cp-c-window-dot-maximize: #28c840;
+  --cp-c-window-title-fallback: #888888;
+  --cp-c-badge-info-bg: rgba(37, 99, 235, 0.12);
+  --cp-c-badge-info-fg: #2563eb;
+  --cp-c-badge-success-bg: rgba(16, 185, 129, 0.12);
+  --cp-c-badge-success-fg: #059669;
+  --cp-c-badge-warning-bg: rgba(217, 119, 6, 0.12);
+  --cp-c-badge-warning-fg: #d97706;
+  --cp-c-badge-error-bg: rgba(220, 38, 38, 0.12);
+  --cp-c-badge-error-fg: #dc2626;
+  --cp-c-scrollbar-thumb: #3a3a3a;
+  --cp-c-scrollbar-thumb-hover: #4a4a4a;
+  --cp-c-syntax-kw: #c084fc;
+  --cp-c-syntax-str: #fcd34d;
+  --cp-c-syntax-fn: #60a5fa;
+  --cp-c-gradient-hero-cyan: #06b6d4;
+  --cp-c-gradient-hero-purple: #a855f7;
+  --cp-oas-get: #16a34a;
+  --cp-oas-post: #2563eb;
+  --cp-oas-put: #d97706;
+  --cp-oas-patch: #d97706;
+  --cp-oas-delete: #dc2626;
+  --cp-oas-deprecated: var(--cp-c-text-3);
+  --cp-oas-required: #dc2626;
+  --cp-button-brand-bg: #65a30d;
+  --cp-button-brand-hover-bg: #a3e635;
+  --cp-button-brand-active-bg: #4d7c0f;
+  --cp-button-brand-text: #ffffff;
+  --cp-s-1: 1px;
+  --cp-s-2: 2px;
+  --cp-s-3: 3px;
+  --cp-s-4: 4px;
+  --cp-s-5: 5px;
+  --cp-s-6: 6px;
+  --cp-s-8: 8px;
+  --cp-s-10: 10px;
+  --cp-s-12: 12px;
+  --cp-s-14: 14px;
+  --cp-s-16: 16px;
+  --cp-s-18: 18px;
+  --cp-s-20: 20px;
+  --cp-s-24: 24px;
+  --cp-s-28: 28px;
+  --cp-s-32: 32px;
+  --cp-s-40: 40px;
+  --cp-s-48: 48px;
+  --cp-s-56: 56px;
+  --cp-s-64: 64px;
+  --cp-s-72: 72px;
+  --cp-s-96: 96px;
+  --cp-radius-xs: 2px;
+  --cp-radius-xs-sm: 3px;
+  --cp-radius-sm: 4px;
+  --cp-radius-md-sm: 6px;
+  --cp-radius-md: 8px;
+  --cp-radius-lg: 10px;
+  --cp-radius-md-lg: 12px;
+  --cp-radius-pill: 9999px;
+  --cp-ff-sans: 'Geist', ui-sans-serif, system-ui, sans-serif;
+  --cp-ff-mono: 'Geist Mono', ui-monospace, 'SFMono-Regular', monospace;
+  --cp-fw-regular: 400;
+  --cp-fw-medium: 500;
+  --cp-fw-semibold: 600;
+  --cp-fw-bold: 700;
+  --cp-fs-body: 16px;
+  --cp-fs-btn: 14px;
+  --cp-fs-bullet: 14px;
+  --cp-fs-code: 13px;
+  --cp-fs-eyebrow: 11px;
+  --cp-fs-tagline: 18px;
+  --cp-fs-hero-title: clamp(40px, 6.5vw, 76px);
+  --cp-fs-split-title: clamp(28px, 4vw, 40px);
+  --cp-fs-feature-title: 18px;
+  --cp-fs-feature-desc: 16px;
+  --cp-fs-feature-link: 12px;
+  --cp-fs-section-title: 14px;
+  --cp-fs-section-desc: 12.5px;
+  --cp-fs-badge: 11px;
+  --cp-fs-tooltip: 13px;
+  --cp-fs-tooltip-headline: 13px;
+  --cp-fs-tooltip-cta: 12px;
+  --cp-fs-check: 11px;
+  --cp-fs-field-name: 14px;
+  --cp-fs-field-type: 11px;
+  --cp-fs-field-badge: 11px;
+  --cp-fs-field-default: 12px;
+  --cp-fs-field-default-code: 11px;
+  --cp-fs-field-body: 14px;
+  --cp-fs-field-group-title: 14px;
+  --cp-fs-field-trigger: 12px;
+  --cp-fs-prompt-desc: 14px;
+  --cp-fs-prompt-feedback: 12px;
+  --cp-fs-prompt-btn: 12px;
+  --cp-fs-prompt-menu-item: 13px;
+  --cp-fs-prompt-menu-desc: 11px;
+  --cp-fs-color-name: 12px;
+  --cp-fs-color-value: 11px;
+  --cp-fs-window-title: 12px;
+  --cp-fs-window-tab: 12px;
+  --cp-fs-window-url: 11px;
+  --cp-fs-term-body: 13px;
+  --cp-fs-demo-title: 11px;
+  --cp-fs-demo-body: 13px;
+  --cp-fs-ask-ai: 13px;
+  --cp-fs-ask-ai-mark: 10px;
+  --cp-fs-ask-ai-shortcut: 10px;
+  --cp-fs-sidebar-link: 14px;
+  --cp-shadow-card-hover: 0 2px 12px var(--cp-c-tint-purple-glow);
+  --cp-shadow-menu: 0 8px 24px rgba(0, 0, 0, 0.12);
+  --cp-shadow-tooltip: 0 4px 12px rgba(0, 0, 0, 0.08);
+  --cp-shadow-hero-demo:
+    0 0 0 1px rgba(0, 0, 0, 0.5), 0 24px 48px -12px rgba(0, 0, 0, 0.6),
+    0 0 80px var(--cp-c-brand-soft);
+  --cp-shadow-ask-ai: 0 8px 24px rgba(0, 0, 0, 0.4), 0 0 0 4px rgba(0, 0, 0, 0.5);
+  --cp-duration-fast: 0.15s;
+  --cp-duration-base: 0.2s;
+  --cp-ease-base: ease;
+  --cp-z-dropdown: 50;
+  --cp-z-floating: 60;
+  --cp-z-tooltip: 100;
+  --cp-lh-display: 1;
+  --cp-lh-tight: 1.4;
+  --cp-lh-tighter: 1.3;
+  --cp-lh-snug: 1.45;
+  --cp-lh-base: 1.5;
+  --cp-lh-relaxed: 1.6;
+  --cp-lh-demo: 1.65;
+  --cp-lh-code: 1.7;
+  --cp-lh-sidebar: 24px;
+  --cp-letter-wide: 0.02em;
+  --cp-letter-eyebrow: 0.1em;
+  --cp-letter-display: -0.025em;
+  --cp-letter-hero: -0.04em;
+  --cp-opacity-muted: 0.5;
+  --cp-opacity-deprecated: 0.6;
+  --cp-opacity-hover: 0.8;
+  --cp-size-titlebar: 36px;
+  --cp-size-window-dot: 10px;
+  --cp-size-window-tab-dot: 6px;
+  --cp-size-browser-tab-max: 200px;
+  --cp-size-browser-icon: 14px;
+  --cp-size-browser-urlbar: 28px;
+  --cp-size-icon-box: 36px;
+  --cp-size-icon-box-sm: 28px;
+  --cp-size-icon-svg: 18px;
+  --cp-size-icon-svg-sm: 16px;
+  --cp-size-icon-sm: 16px;
+  --cp-size-content-max: 1152px;
+  --cp-size-focus-ring: 2px;
+  --cp-size-focus-ring-offset: 2px;
+  --cp-size-tooltip-max: 320px;
+  --cp-size-swatch: 24px;
+  --cp-size-demo-max: 920px;
+  --cp-size-split-max: 1200px;
+  --cp-size-hero-grid: 24px;
+  --cp-size-hero-max: 1100px;
+  --cp-size-tagline-max: 640px;
+  --cp-size-prompt-icon: 20px;
+  --cp-size-prompt-btn: 30px;
+  --cp-size-menu-min: 220px;
+  --cp-size-prompt-menu-icon: 18px;
+  --cp-size-check: 18px;
+  --cp-size-chevron: 14px;
+  --cp-size-ask-ai-icon: 18px;
+  --cp-size-sidebar-circle: 36px;
+  --cp-size-scrollbar: 6px;
+  --cp-bp-sm: 768px;
+  --cp-bp-md: 720px;
+  --cp-bp-md-lg: 880px;
+  --cp-bp-content: 1184px;
+  --cp-blur-base: 8px;
+  --cp-gradient-brand: linear-gradient(135deg, var(--cp-c-brand-1), var(--cp-c-brand-3));
+  --cp-gradient-hero-title: linear-gradient(135deg, var(--cp-c-brand-1), var(--cp-c-brand-light));
+  --rp-c-bg: #0a0a0a;
+  --rp-c-bg-alt: #0f0f0f;
+  --rp-c-bg-dark: #0f0f0f;
+  --rp-c-bg-mute: #0a0a0a;
+  --rp-c-bg-soft: #1c1c1c;
+  --rp-c-brand: #65a30d;
+  --rp-c-brand-light: #a3e635;
+  --rp-c-brand-lighter: #bef264;
+  --rp-c-brand-dark: #4d7c0f;
+  --rp-c-brand-darker: #365314;
+  --rp-c-brand-tint: rgba(101, 163, 13, 0.14);
+  --rp-c-divider: #1e1e1e;
+  --rp-c-divider-dark: #2a2a2a;
+  --rp-c-divider-light: #1e1e1e;
+  --rp-c-link: #65a30d;
+  --rp-c-text-1: #f5f5f5;
+  --rp-c-text-2: rgba(245, 245, 245, 0.72);
+  --rp-c-text-3: rgba(245, 245, 245, 0.48);
+  --rp-c-text-4: rgba(245, 245, 245, 0.48);
+  --rp-c-text-code: #f5f5f5;
+  --rp-code-block-bg: #141414;
+  --rp-home-background-bg: #0a0a0a;
+  --rp-home-feature-bg: #1c1c1c;
+  --rp-home-hero-secondary-color: rgba(245, 245, 245, 0.72);
+  --rp-home-hero-title-color: #f5f5f5;
+}
+
+html[data-cp-theme='grannysmith'][data-cp-variant='light'] {
+  --cp-c-brand-1: #65a30d;
+  --cp-c-brand-2: #4d7c0f;
+  --cp-c-brand-3: #365314;
+  --cp-c-brand-fg: #ffffff;
+  --cp-c-brand-soft: rgba(101, 163, 13, 0.14);
+  --cp-c-on-brand: #ffffff;
+  --cp-c-brand-light: #a3e635;
+  --cp-c-brand-lighter: #bef264;
+  --cp-c-success: #16a34a;
+  --cp-c-error: #dc2626;
+  --cp-c-warn: #d97706;
+  --cp-c-info: #2563eb;
+  --cp-c-muted: #888888;
+  --cp-c-bg: #ffffff;
+  --cp-c-bg-alt: #f9f9f9;
+  --cp-c-bg-elv: #f5f5f5;
+  --cp-c-bg-soft: #f0f0f0;
+  --cp-c-bg-icon: #cccccc;
+  --cp-c-home-bg: #ffffff;
+  --cp-c-overlay-faint: rgba(0, 0, 0, 0.1);
+  --cp-c-gutter: #f5f5f5;
+  --cp-code-block-bg: #f5f5f5;
+  --cp-c-text-1: #1a1a1a;
+  --cp-c-text-2: rgba(26, 26, 26, 0.72);
+  --cp-c-text-3: rgba(26, 26, 26, 0.48);
+  --cp-c-border: #d0d0d0;
+  --cp-c-divider: #e2e2e2;
+  --cp-c-sidebar-alt-border-dark: #484848;
+  --cp-c-tint-purple-bg: rgba(167, 139, 250, 0.12);
+  --cp-c-tint-purple-fg: #a78bfa;
+  --cp-c-tint-blue-bg: rgba(96, 165, 250, 0.12);
+  --cp-c-tint-blue-fg: #60a5fa;
+  --cp-c-tint-green-bg: rgba(52, 211, 153, 0.12);
+  --cp-c-tint-green-fg: #34d399;
+  --cp-c-tint-amber-bg: rgba(251, 191, 36, 0.12);
+  --cp-c-tint-amber-fg: #fbbf24;
+  --cp-c-tint-red-bg: rgba(248, 113, 113, 0.12);
+  --cp-c-tint-red-fg: #f87171;
+  --cp-c-tint-slate-bg: rgba(148, 163, 184, 0.12);
+  --cp-c-tint-slate-fg: #94a3b8;
+  --cp-c-tint-cyan-bg: rgba(14, 165, 233, 0.12);
+  --cp-c-tint-cyan-fg: #0ea5e9;
+  --cp-c-tint-pink-bg: rgba(244, 114, 182, 0.12);
+  --cp-c-tint-pink-fg: #f472b6;
+  --cp-c-tint-purple-bright-fg: #c084fc;
+  --cp-c-tint-amber-bright-fg: #fcd34d;
+  --cp-c-tint-purple-glow: rgba(167, 139, 250, 0.08);
+  --cp-c-term-bg: #0d0d0d;
+  --cp-c-term-titlebar-bg: #161616;
+  --cp-c-term-border: #222222;
+  --cp-c-term-title: #888888;
+  --cp-c-term-text: #d4d4d4;
+  --cp-c-term-prompt-prefix: #888888;
+  --cp-c-term-output: #aaaaaa;
+  --cp-c-term-red: #f87171;
+  --cp-c-term-green: #4ade80;
+  --cp-c-term-blue: #60a5fa;
+  --cp-c-term-yellow: #fbbf24;
+  --cp-c-term-cyan: #22d3ee;
+  --cp-c-term-magenta: #c084fc;
+  --cp-c-term-white: #f5f5f5;
+  --cp-c-term-gray: #888888;
+  --cp-c-term-success: #4ade80;
+  --cp-c-term-error: #f87171;
+  --cp-c-term-warn: #fbbf24;
+  --cp-c-term-info: #60a5fa;
+  --cp-c-term-muted: #888888;
+  --cp-c-term-bar: #888888;
+  --cp-c-term-step: #c084fc;
+  --cp-c-window-dot-close: #ff5f57;
+  --cp-c-window-dot-minimize: #febc2e;
+  --cp-c-window-dot-maximize: #28c840;
+  --cp-c-window-title-fallback: #888888;
+  --cp-c-badge-info-bg: rgba(37, 99, 235, 0.12);
+  --cp-c-badge-info-fg: #2563eb;
+  --cp-c-badge-success-bg: rgba(16, 185, 129, 0.12);
+  --cp-c-badge-success-fg: #059669;
+  --cp-c-badge-warning-bg: rgba(217, 119, 6, 0.12);
+  --cp-c-badge-warning-fg: #d97706;
+  --cp-c-badge-error-bg: rgba(220, 38, 38, 0.12);
+  --cp-c-badge-error-fg: #dc2626;
+  --cp-c-scrollbar-thumb: #3a3a3a;
+  --cp-c-scrollbar-thumb-hover: #4a4a4a;
+  --cp-c-syntax-kw: #c084fc;
+  --cp-c-syntax-str: #fcd34d;
+  --cp-c-syntax-fn: #60a5fa;
+  --cp-c-gradient-hero-cyan: #06b6d4;
+  --cp-c-gradient-hero-purple: #a855f7;
+  --cp-oas-get: #16a34a;
+  --cp-oas-post: #2563eb;
+  --cp-oas-put: #d97706;
+  --cp-oas-patch: #d97706;
+  --cp-oas-delete: #dc2626;
+  --cp-oas-deprecated: var(--cp-c-text-3);
+  --cp-oas-required: #dc2626;
+  --cp-button-brand-bg: #4d7c0f;
+  --cp-button-brand-hover-bg: #65a30d;
+  --cp-button-brand-active-bg: #365314;
+  --cp-button-brand-text: #ffffff;
+  --cp-s-1: 1px;
+  --cp-s-2: 2px;
+  --cp-s-3: 3px;
+  --cp-s-4: 4px;
+  --cp-s-5: 5px;
+  --cp-s-6: 6px;
+  --cp-s-8: 8px;
+  --cp-s-10: 10px;
+  --cp-s-12: 12px;
+  --cp-s-14: 14px;
+  --cp-s-16: 16px;
+  --cp-s-18: 18px;
+  --cp-s-20: 20px;
+  --cp-s-24: 24px;
+  --cp-s-28: 28px;
+  --cp-s-32: 32px;
+  --cp-s-40: 40px;
+  --cp-s-48: 48px;
+  --cp-s-56: 56px;
+  --cp-s-64: 64px;
+  --cp-s-72: 72px;
+  --cp-s-96: 96px;
+  --cp-radius-xs: 2px;
+  --cp-radius-xs-sm: 3px;
+  --cp-radius-sm: 4px;
+  --cp-radius-md-sm: 6px;
+  --cp-radius-md: 8px;
+  --cp-radius-lg: 10px;
+  --cp-radius-md-lg: 12px;
+  --cp-radius-pill: 9999px;
+  --cp-ff-sans: 'Geist', ui-sans-serif, system-ui, sans-serif;
+  --cp-ff-mono: 'Geist Mono', ui-monospace, 'SFMono-Regular', monospace;
+  --cp-fw-regular: 400;
+  --cp-fw-medium: 500;
+  --cp-fw-semibold: 600;
+  --cp-fw-bold: 700;
+  --cp-fs-body: 16px;
+  --cp-fs-btn: 14px;
+  --cp-fs-bullet: 14px;
+  --cp-fs-code: 13px;
+  --cp-fs-eyebrow: 11px;
+  --cp-fs-tagline: 18px;
+  --cp-fs-hero-title: clamp(40px, 6.5vw, 76px);
+  --cp-fs-split-title: clamp(28px, 4vw, 40px);
+  --cp-fs-feature-title: 18px;
+  --cp-fs-feature-desc: 16px;
+  --cp-fs-feature-link: 12px;
+  --cp-fs-section-title: 14px;
+  --cp-fs-section-desc: 12.5px;
+  --cp-fs-badge: 11px;
+  --cp-fs-tooltip: 13px;
+  --cp-fs-tooltip-headline: 13px;
+  --cp-fs-tooltip-cta: 12px;
+  --cp-fs-check: 11px;
+  --cp-fs-field-name: 14px;
+  --cp-fs-field-type: 11px;
+  --cp-fs-field-badge: 11px;
+  --cp-fs-field-default: 12px;
+  --cp-fs-field-default-code: 11px;
+  --cp-fs-field-body: 14px;
+  --cp-fs-field-group-title: 14px;
+  --cp-fs-field-trigger: 12px;
+  --cp-fs-prompt-desc: 14px;
+  --cp-fs-prompt-feedback: 12px;
+  --cp-fs-prompt-btn: 12px;
+  --cp-fs-prompt-menu-item: 13px;
+  --cp-fs-prompt-menu-desc: 11px;
+  --cp-fs-color-name: 12px;
+  --cp-fs-color-value: 11px;
+  --cp-fs-window-title: 12px;
+  --cp-fs-window-tab: 12px;
+  --cp-fs-window-url: 11px;
+  --cp-fs-term-body: 13px;
+  --cp-fs-demo-title: 11px;
+  --cp-fs-demo-body: 13px;
+  --cp-fs-ask-ai: 13px;
+  --cp-fs-ask-ai-mark: 10px;
+  --cp-fs-ask-ai-shortcut: 10px;
+  --cp-fs-sidebar-link: 14px;
+  --cp-shadow-card-hover: 0 2px 12px var(--cp-c-tint-purple-glow);
+  --cp-shadow-menu: 0 8px 24px rgba(0, 0, 0, 0.12);
+  --cp-shadow-tooltip: 0 4px 12px rgba(0, 0, 0, 0.08);
+  --cp-shadow-hero-demo:
+    0 0 0 1px rgba(0, 0, 0, 0.5), 0 24px 48px -12px rgba(0, 0, 0, 0.6),
+    0 0 80px var(--cp-c-brand-soft);
+  --cp-shadow-ask-ai: 0 8px 24px rgba(0, 0, 0, 0.4), 0 0 0 4px rgba(0, 0, 0, 0.5);
+  --cp-duration-fast: 0.15s;
+  --cp-duration-base: 0.2s;
+  --cp-ease-base: ease;
+  --cp-z-dropdown: 50;
+  --cp-z-floating: 60;
+  --cp-z-tooltip: 100;
+  --cp-lh-display: 1;
+  --cp-lh-tight: 1.4;
+  --cp-lh-tighter: 1.3;
+  --cp-lh-snug: 1.45;
+  --cp-lh-base: 1.5;
+  --cp-lh-relaxed: 1.6;
+  --cp-lh-demo: 1.65;
+  --cp-lh-code: 1.7;
+  --cp-lh-sidebar: 24px;
+  --cp-letter-wide: 0.02em;
+  --cp-letter-eyebrow: 0.1em;
+  --cp-letter-display: -0.025em;
+  --cp-letter-hero: -0.04em;
+  --cp-opacity-muted: 0.5;
+  --cp-opacity-deprecated: 0.6;
+  --cp-opacity-hover: 0.8;
+  --cp-size-titlebar: 36px;
+  --cp-size-window-dot: 10px;
+  --cp-size-window-tab-dot: 6px;
+  --cp-size-browser-tab-max: 200px;
+  --cp-size-browser-icon: 14px;
+  --cp-size-browser-urlbar: 28px;
+  --cp-size-icon-box: 36px;
+  --cp-size-icon-box-sm: 28px;
+  --cp-size-icon-svg: 18px;
+  --cp-size-icon-svg-sm: 16px;
+  --cp-size-icon-sm: 16px;
+  --cp-size-content-max: 1152px;
+  --cp-size-focus-ring: 2px;
+  --cp-size-focus-ring-offset: 2px;
+  --cp-size-tooltip-max: 320px;
+  --cp-size-swatch: 24px;
+  --cp-size-demo-max: 920px;
+  --cp-size-split-max: 1200px;
+  --cp-size-hero-grid: 24px;
+  --cp-size-hero-max: 1100px;
+  --cp-size-tagline-max: 640px;
+  --cp-size-prompt-icon: 20px;
+  --cp-size-prompt-btn: 30px;
+  --cp-size-menu-min: 220px;
+  --cp-size-prompt-menu-icon: 18px;
+  --cp-size-check: 18px;
+  --cp-size-chevron: 14px;
+  --cp-size-ask-ai-icon: 18px;
+  --cp-size-sidebar-circle: 36px;
+  --cp-size-scrollbar: 6px;
+  --cp-bp-sm: 768px;
+  --cp-bp-md: 720px;
+  --cp-bp-md-lg: 880px;
+  --cp-bp-content: 1184px;
+  --cp-blur-base: 8px;
+  --cp-gradient-brand: linear-gradient(135deg, var(--cp-c-brand-1), var(--cp-c-brand-3));
+  --cp-gradient-hero-title: linear-gradient(135deg, var(--cp-c-brand-1), var(--cp-c-brand-light));
+  --rp-c-bg: #ffffff;
+  --rp-c-bg-alt: #f9f9f9;
+  --rp-c-bg-dark: #f5f5f5;
+  --rp-c-bg-mute: #ffffff;
+  --rp-c-bg-soft: #f0f0f0;
+  --rp-c-brand: #65a30d;
+  --rp-c-brand-light: #a3e635;
+  --rp-c-brand-lighter: #bef264;
+  --rp-c-brand-dark: #4d7c0f;
+  --rp-c-brand-darker: #365314;
+  --rp-c-brand-tint: rgba(101, 163, 13, 0.14);
+  --rp-c-divider: #e2e2e2;
+  --rp-c-divider-dark: #d0d0d0;
+  --rp-c-divider-light: #e2e2e2;
+  --rp-c-link: #65a30d;
+  --rp-c-text-1: #1a1a1a;
+  --rp-c-text-2: rgba(26, 26, 26, 0.72);
+  --rp-c-text-3: rgba(26, 26, 26, 0.48);
+  --rp-c-text-4: rgba(26, 26, 26, 0.48);
+  --rp-c-text-code: #1a1a1a;
+  --rp-code-block-bg: #f5f5f5;
+  --rp-home-background-bg: #ffffff;
+  --rp-home-feature-bg: #f0f0f0;
+  --rp-home-hero-secondary-color: rgba(26, 26, 26, 0.72);
+  --rp-home-hero-title-color: #1a1a1a;
+}