:root { /* Define colors and gradients consistent with Frutiger Metro */ --fm-gradient-block: linear-gradient(135deg, #a5d3f2, #397bb2); --fm-glossy-light: rgba(255, 255, 255, 0.7); --fm-glossy-highlight: radial-gradient(farthest-corner at top center, var(--fm-glossy-light), transparent); --fm-glossy-button: linear-gradient(180deg, #ffffff 0%, #eeeeee 100%); --fm-font-color: #000000; --fm-accent-color: #83c6f3; } body { font-family: "Segoe UI", "Frutiger", "Verdana", sans-serif; color: var(--fm-font-color); background: var(--fm-gradient-block); } :root { /* Define colors and gradients consistent with Frutiger Metro */ --fm-gradient-block: linear-gradient(135deg, #a5d3f2, #397bb2); --fm-glossy-light: rgba(255, 255, 255, 0.7); --fm-glossy-highlight: radial-gradient(farthest-corner at top center, var(--fm-glossy-light), transparent); --fm-glossy-button: linear-gradient(180deg, #ffffff 0%, #eeeeee 100%); --fm-font-color: #000000; --fm-accent-color: #83c6f3; } body { font-family: "Segoe UI", "Frutiger", "Verdana", sans-serif; color: var(--fm-font-color); background: var(--fm-gradient-block); } @font-face { font-family: 'Frutiger'; src: url('path/to/your/frutiger.ttf'); /* Requires a licensed .ttf font file */ } .fm-header { font-family: 'Frutiger', sans-serif; }