/** * CSS Custom Properties — all values overridable via DWS admin > Kleuren & Stijl * The PHP injector (class-plugin.php) outputs --dws-color-* in . * These are fallbacks + layout tokens. */ :root { /* Colors — injected by PHP, these are fallback only */ --dws-color-primary: #1d4ed8; --dws-color-primary-hover: #1e40af; --dws-color-price: #dc2626; --dws-color-eco: #16a34a; --dws-color-text: #1f2937; --dws-color-text-muted: #6b7280; --dws-color-border: #e5e7eb; --dws-color-success: #16a34a; --dws-color-warning: #f59e0b; --dws-color-error: #dc2626; --dws-color-bg: #ffffff; --dws-color-bg-alt: #f9fafb; /* Typography */ --dws-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; --dws-font-size-xs: 0.75rem; --dws-font-size-sm: 0.875rem; --dws-font-size-base: 1rem; --dws-font-size-lg: 1.125rem; --dws-font-size-xl: 1.25rem; --dws-font-size-2xl: 1.5rem; --dws-font-size-3xl: 1.875rem; /* Spacing */ --dws-space-xs: 0.25rem; --dws-space-sm: 0.5rem; --dws-space-md: 1rem; --dws-space-lg: 1.5rem; --dws-space-xl: 2rem; --dws-space-2xl: 3rem; /* Radius */ --dws-radius-sm: 4px; --dws-radius-md: 8px; --dws-radius-lg: 12px; --dws-radius-full: 9999px; /* Shadows */ --dws-shadow-sm: 0 1px 2px rgba(0,0,0,0.05); --dws-shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1); --dws-shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1); /* Z-index layers */ --dws-z-sticky: 100; --dws-z-overlay: 200; --dws-z-drawer: 300; --dws-z-modal: 400; /* Transitions */ --dws-transition: 200ms ease; --dws-transition-slow: 400ms ease; }