/* LumeoSoft — design tokens (colors, typography, spacing/radius/shadow/motion) */ /* Font is loaded via in each page's — faster than @import. */ :root { --indigo-50: oklch(0.96 0.02 275); --indigo-100: oklch(0.92 0.045 275); --indigo-200: oklch(0.85 0.09 274); --indigo-300: oklch(0.75 0.14 272); --indigo-400: oklch(0.64 0.19 270); --indigo-500: oklch(0.53 0.22 268); --indigo-600: oklch(0.45 0.22 267); --indigo-700: oklch(0.38 0.20 266); --indigo-800: oklch(0.31 0.16 266); --indigo-900: oklch(0.24 0.12 266); --teal-50: oklch(0.96 0.02 220); --teal-100: oklch(0.92 0.05 218); --teal-200: oklch(0.86 0.08 217); --teal-300: oklch(0.78 0.10 215); --teal-400: oklch(0.68 0.11 213); --teal-500: oklch(0.59 0.11 212); --teal-600: oklch(0.50 0.10 211); --teal-700: oklch(0.42 0.09 211); --teal-800: oklch(0.34 0.07 211); --teal-900: oklch(0.27 0.055 211); --gray-0: oklch(1.00 0 0); --gray-25: oklch(0.985 0.002 275); --gray-50: oklch(0.97 0.004 275); --gray-100: oklch(0.94 0.006 275); --gray-200: oklch(0.89 0.008 275); --gray-300: oklch(0.80 0.01 275); --gray-400: oklch(0.68 0.012 275); --gray-500: oklch(0.56 0.014 275); --gray-600: oklch(0.45 0.016 275); --gray-700: oklch(0.36 0.016 275); --gray-800: oklch(0.26 0.014 275); --gray-900: oklch(0.17 0.012 275); --gray-950: oklch(0.12 0.01 275); --success-500: oklch(0.62 0.15 149); --success-100: oklch(0.94 0.04 149); --success-700: oklch(0.40 0.12 149); --warning-500: oklch(0.75 0.16 76); --warning-100: oklch(0.95 0.05 90); --warning-700: oklch(0.48 0.13 66); --danger-500: oklch(0.58 0.21 25); --danger-100: oklch(0.94 0.05 20); --danger-700: oklch(0.42 0.18 22); --info-500: var(--teal-500); --info-100: var(--teal-100); --info-700: var(--teal-700); --gradient-brand: linear-gradient(135deg, var(--teal-500) 0%, var(--indigo-600) 100%); --surface-page: var(--gray-25); --surface-card: var(--gray-0); --surface-sunken: var(--gray-50); --surface-inverse: var(--gray-900); --surface-brand: var(--indigo-600); --surface-brand-subtle: var(--indigo-50); --surface-accent-subtle: var(--teal-50); --text-primary: var(--gray-900); --text-secondary: var(--gray-600); --text-tertiary: var(--gray-400); --text-inverse: var(--gray-0); --text-brand: var(--indigo-600); --text-link: var(--indigo-600); --text-link-hover: var(--indigo-700); --border-subtle: var(--gray-200); --border-default: var(--gray-300); --border-strong: var(--gray-400); --border-brand: var(--indigo-500); --border-focus: var(--indigo-500); --icon-default: var(--gray-500); --icon-brand: var(--indigo-600); --font-sans: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; --font-serif: 'Lora', Georgia, 'Times New Roman', serif; --font-mono: 'SFMono-Regular', ui-monospace, 'JetBrains Mono', Menlo, Consolas, monospace; --text-xs: 0.75rem; --text-sm: 0.875rem; --text-base: 1rem; --text-md: 1.125rem; --text-lg: 1.375rem; --text-xl: 1.75rem; --text-2xl: 2.25rem; --text-3xl: 2.875rem; --text-4xl: 3.75rem; --leading-tight: 1.15; --leading-snug: 1.35; --leading-normal: 1.55; --leading-relaxed: 1.7; --tracking-tight: -0.02em; --tracking-normal: 0em; --tracking-wide: 0.04em; --weight-regular: 400; --weight-medium: 500; --weight-semibold: 600; --weight-bold: 700; --weight-extrabold: 800; --font-display: var(--weight-extrabold) var(--text-3xl)/var(--leading-tight) var(--font-sans); --font-h1: var(--weight-bold) var(--text-2xl)/var(--leading-tight) var(--font-sans); --font-h2: var(--weight-bold) var(--text-xl)/var(--leading-snug) var(--font-sans); --font-h3: var(--weight-semibold) var(--text-lg)/var(--leading-snug) var(--font-sans); --font-body: var(--weight-regular) var(--text-base)/var(--leading-normal) var(--font-sans); --font-body-sm: var(--weight-regular) var(--text-sm)/var(--leading-normal) var(--font-sans); --font-label: var(--weight-semibold) var(--text-sm)/var(--leading-snug) var(--font-sans); --font-caption: var(--weight-medium) var(--text-xs)/var(--leading-snug) var(--font-sans); --font-editorial: var(--weight-regular) var(--text-md)/var(--leading-relaxed) var(--font-serif); --font-editorial-h1: var(--weight-semibold) var(--text-3xl)/var(--leading-tight) var(--font-serif); --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-10: 40px; --space-12: 48px; --space-16: 64px; --space-20: 80px; --space-24: 96px; --radius-sm: 6px; --radius-md: 10px; --radius-lg: 14px; --radius-xl: 20px; --radius-2xl: 28px; --radius-full: 999px; --shadow-xs: 0 1px 2px oklch(0.2 0.02 270 / 0.06); --shadow-sm: 0 2px 6px oklch(0.2 0.02 270 / 0.07), 0 1px 2px oklch(0.2 0.02 270 / 0.06); --shadow-md: 0 6px 16px oklch(0.2 0.02 270 / 0.09), 0 2px 4px oklch(0.2 0.02 270 / 0.06); --shadow-lg: 0 16px 40px oklch(0.2 0.02 270 / 0.14), 0 4px 10px oklch(0.2 0.02 270 / 0.06); --shadow-brand-glow: 0 8px 24px oklch(0.45 0.22 267 / 0.28); --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); --ease-out: cubic-bezier(0, 0, 0.2, 1); --duration-fast: 120ms; --duration-base: 180ms; --duration-slow: 280ms; } /* Per-page palette overrides (scoped to , mirrors each venture's accent) */ body.theme-babs { --indigo-50: #eff6f5; --indigo-100: #dceae8; --indigo-500: #3a7d79; --indigo-600: #306f6c; --indigo-700: #244f4c; --teal-50: #fbf0e8; --teal-500: #e0946a; --teal-600: #c97a50; --teal-700: #a6613d; --gradient-brand: linear-gradient(135deg, #e0946a 0%, #306f6c 100%); --surface-page: #faf6f0; --surface-card: #fffdf9; --surface-brand-subtle: var(--indigo-50); --surface-accent-subtle: var(--teal-50); --text-primary: #223836; --text-secondary: #5c6e6c; --text-brand: #e0946a; --border-subtle: #e8e0d3; --border-default: #d8cdb9; } body.theme-themes { --indigo-50: oklch(0.96 0.02 300); --indigo-100: oklch(0.92 0.045 300); --indigo-200: oklch(0.85 0.09 300); --indigo-500: oklch(0.53 0.20 300); --indigo-600: oklch(0.45 0.20 300); --indigo-700: oklch(0.38 0.18 300); --gradient-brand: linear-gradient(135deg, oklch(0.59 0.11 300) 0%, oklch(0.45 0.20 300) 100%); } body.theme-sites { --indigo-50: oklch(0.96 0.02 205); --indigo-100: oklch(0.92 0.045 205); --indigo-200: oklch(0.85 0.09 205); --indigo-500: oklch(0.53 0.15 205); --indigo-600: oklch(0.45 0.15 205); --indigo-700: oklch(0.38 0.14 205); --gradient-brand: linear-gradient(135deg, oklch(0.59 0.11 205) 0%, oklch(0.45 0.15 205) 100%); }