/** * Design Tokens & CSS Custom Properties for Ristorante Francescana Dortmund */ /* Google Fonts werden im per mit preconnect geladen (siehe includes/header.php) — ein @import hier würde das Rendering blockieren. */ :root { /* Color Palette */ --color-background: #f7f2e9; --color-surface: #ffffff; --color-surface-dark: #1e1d1a; --color-text: #1b1a18; --color-text-light: #f7f2e9; --color-muted: #716b63; --color-dark: #171614; --color-green: #31483a; --color-red: #9e3f32; --color-terracotta: #ad5a3c; --color-gold: #b89a62; --color-border: rgba(27, 26, 24, 0.14); --color-border-light: rgba(247, 242, 233, 0.2); /* Typography */ --font-heading: "Cormorant Garamond", Georgia, "Times New Roman", serif; --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; --font-accent: "Allura", cursive; /* Layout & Dimensions */ --container-width: 1240px; --section-spacing: clamp(4.5rem, 9vw, 8.5rem); --content-spacing: clamp(1.25rem, 3.5vw, 3.5rem); --radius-small: 4px; --radius-medium: 12px; /* Shadows & Transitions */ --shadow-soft: 0 20px 60px rgba(0, 0, 0, 0.08); --shadow-elevated: 0 30px 90px rgba(0, 0, 0, 0.18); --transition-smooth: all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1); }