u
jie ojioe
By Elton Laz •
December 26, 2025 • Updated December 26, 2025
:root {
/* =========================
Colors
========================== */
--color-bg: #ffffff;
--color-background: #0f172a;
--color-surface: #f7faf9;
--color-surface-green: #7dffd4;
--color-text: #0f172a;
--color-muted: #64748b;
--color-primary: #16a34a;
--color-primary-hover: #15803d;
--color-primary-gray: linear-gradient(45deg, #014d1e, #15d700);
--color-secondary: #2563eb;
--color-accent: #0061ff;
--color-border: #e5e7eb;
/* =========================
Layout
========================== */
--container-max: 1120px;
--radius: 12px;
--radius-sm: 8px;
--shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06);
--shadow-md: 0 8px 24px rgba(0, 0, 0, 0.08);
/* =========================
Typography
========================== */
--font-sans: ui-sans-serif, system-ui, -apple-system,
"Segoe UI", Roboto, "Helvetica Neue", Arial;
--size-sm: 14px;
--size-md: 16px;
--size-lg: 20px;
--size-xl: 32px;
--size-xxl: 44px;
/* =========================
Spacing
========================== */
--space-1: 8px;
--space-2: 12px;
--space-3: 16px;
--space-4: 24px;
--space-5: 32px;
--space-6: 48px;
--space-7: 64px;
}
