/* ========================================================================= THEME · Segelschule Große Freiheit App ------------------------------------------------------------------------- HIER ALLES ZENTRAL ANPASSEN. Farben & Schriften nur an dieser einen Stelle ändern – der Rest der App übernimmt sie automatisch. SCHRIFTEN AUSTAUSCHEN: 1. Im von index.html den Google-Fonts- ersetzen. 2. Unten --font-display und --font-body anpassen. Hinweis: Dies ist ein festes Marken-Theme (dunkelblau). Es schaltet bewusst NICHT automatisch in einen hellen Modus, damit der Markenauftritt konstant bleibt. ========================================================================= */ :root { /* ---- Schriften ------------------------------------------------------ */ --font-display: "Montserrat", system-ui, sans-serif; --font-body: "Montserrat", system-ui, sans-serif; --weight-normal: 500; /* Montserrat Medium als Standardgewicht */ --weight-bold: 600; /* ---- Markenfarben --------------------------------------------------- */ --brand-primary: #003463; /* Hauptblau – Hintergrund & Buttons */ --brand-primary-strong: #00284D; /* dunkleres Blau – Tiefe/Rumpf */ --brand-accent: #2EA3F2; /* Hellblau – Akzent & Button-Text */ --brand-accent-strong: #2EA3F2; /* ---- Button --------------------------------------------------------- */ --btn-bg: #003463; /* Button-Hintergrund */ --btn-fg: #2EA3F2; /* Button-Vordergrund (Text/Icon) */ /* ---- Flächen & Text ------------------------------------------------- */ --bg-app: #003463; /* App-Hintergrund */ --bg-surface: rgba(255,255,255,0.06); /* Karten (frosted) */ --bg-surface-2: rgba(255,255,255,0.10); /* zweite Fläche / Icon-Chip */ --text-strong: #FFFFFF; /* Überschriften */ --text-body: #D2E2F2; /* Fließtext */ --text-muted: #94AECB; /* Sekundärtext */ --border: rgba(255,255,255,0.14); /* ---- Text auf farbigen Flächen -------------------------------------- */ --on-primary: #EAF3FC; /* Text auf Hauptblau */ --on-primary-mut:#9DBBD8; /* gedämpfter Text auf Hauptblau */ --on-accent: #003463; /* Text auf Akzentflächen */ /* ---- Statusfarben --------------------------------------------------- */ --tag-bg: rgba(46,163,242,0.16); --tag-text: #8FCDF7; /* ---- Form & Raum (selten zu ändern) --------------------------------- */ --radius-sm: 10px; --radius-md: 14px; --radius-lg: 20px; --shell-max: 480px; }