/* Design tokens: colors, spacing, typography scale. Light theme is default; dark theme overrides via [data-theme="dark"] on . */ :root { /* Accent (teal/cyan) */ --accent-50: #f0fdfa; --accent-100: #ccfbf1; --accent-200: #99f6e4; --accent-300: #5eead4; --accent-400: #2dd4bf; --accent-500: #14b8a6; --accent-600: #0891b2; --accent-700: #0e7490; --accent-800: #155e75; --accent-900: #164e63; /* HTTP method colors */ --method-get: #2563eb; --method-get-bg: #eff6ff; --method-post: #16a34a; --method-post-bg: #f0fdf4; --method-delete: #dc2626; --method-delete-bg: #fef2f2; --method-patch: #ea580c; --method-patch-bg: #fff7ed; /* Callout colors */ --info-color: #0891b2; --info-bg: #ecfeff; --warning-color: #d97706; --warning-bg: #fffbeb; --danger-color: #dc2626; --danger-bg: #fef2f2; --success-color: #16a34a; --success-bg: #f0fdf4; --tip-color: #7c3aed; --tip-bg: #f5f3ff; /* Light theme surface colors */ --bg-page: #ffffff; --bg-content: #ffffff; --bg-sidebar: #0f172a; --bg-sidebar-hover: #1e293b; --bg-code: #f1f5f9; --bg-table-head: #f8fafc; --bg-card: #f8fafc; --bg-callout: #f8fafc; --text-primary: #0f172a; --text-secondary: #475569; --text-muted: #94a3b8; --text-sidebar: #cbd5e1; --text-sidebar-active: #ffffff; --text-on-accent: #ffffff; --border-color: #e2e8f0; --border-strong: #cbd5e1; /* Typography */ --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; --font-mono: 'JetBrains Mono', 'Fira Code', Consolas, monospace; --fs-xs: 0.75rem; --fs-sm: 0.875rem; --fs-base: 1rem; --fs-lg: 1.125rem; --fs-xl: 1.25rem; --fs-2xl: 1.5rem; --fs-3xl: 1.875rem; --fs-4xl: 2.25rem; /* Layout */ --sidebar-width: 280px; --toc-width: 240px; --topnav-height: 60px; --radius-sm: 4px; --radius-md: 8px; --radius-lg: 12px; --shadow-sm: 0 1px 2px 0 rgba(0,0,0,0.05); --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1); } [data-theme="dark"] { --bg-page: #0b1220; --bg-content: #0f172a; --bg-sidebar: #060a14; --bg-sidebar-hover: #16213a; --bg-code: #131c2e; --bg-table-head: #16213a; --bg-card: #131c2e; --bg-callout: #131c2e; --text-primary: #e2e8f0; --text-secondary: #b4c0d3; --text-muted: #6b7d99; --text-sidebar: #94a3b8; --text-sidebar-active: #ffffff; --border-color: #233045; --border-strong: #30405c; --info-bg: #0c2530; --warning-bg: #2c2008; --danger-bg: #2c1212; --success-bg: #0f2718; --tip-bg: #241a3a; }