/* ============================================================ MUSEO DELLO SPORT SARDO — DESIGN SYSTEM / TEMI DI SEZIONE ------------------------------------------------------------ Fonte unica dei colori. Ogni "sala" del museo ridefinisce gli stessi token: la grafica (hero, card, badge, pulsanti, breadcrumb, link, hover) si adatta automaticamente. Uso in pagina: (o "atleti", "leggende", ...) CONTRATTO DI VARIABILI (ridefinite da ogni tema) --primary colore principale della sezione --primary-dark variante scura (hover, gradiente) --secondary colore di supporto --accent colore caratteristico / metallico --gold metallo caldo (eyebrow, filetti, badge) --site-bg sfondo pagina --bg-alt sfondo sezioni alternate --surface superfici (card, pannelli) --title testo dei titoli (ink) --text testo corrente --muted testo secondario --border linee / bordi --hero-from inizio gradiente hero --hero-to fine gradiente hero ============================================================ */ :root { /* --- Superfici e testo (default: identità Museo) --- */ --site-bg: #f6f8fa; --bg-alt: #eef2f5; --surface: #ffffff; --title: #0f2033; --text: #43535f; --muted: #64748b; --border: #e2e8f0; --radius-card: 16px; --shadow-soft: 0 12px 30px rgba(15, 23, 42, 0.06); /* --- Colori marchio (default) --- */ --primary: #1f4e79; --primary-dark: #163a5c; --secondary: #3e6b89; --accent: #c8a24a; --gold: #c8a24a; /* --- Hero --- */ --hero-from: #1f4e79; --hero-to: #12233a; --hero-text: #ffffff; --hero-muted: rgba(255, 255, 255, 0.84); /* Compat con le pagine che già usano immagini hero (tecnici/paralimpici) */ --hero-image: none; --hero-top: rgba(15, 23, 42, 0.24); --hero-mid: rgba(15, 23, 42, 0.52); --hero-bottom: rgba(15, 23, 42, 0.84); } /* 1 ─ ATLETI E ATLETE — energia, movimento, Olimpiadi */ body[data-theme="atleti"] { --primary: #1f4e79; --primary-dark: #163a5c; --secondary: #3e6b89; --accent: #79a9d1; --gold: #c8a24a; --site-bg: #fafaf8; --bg-alt: #f0f3f6; --surface: #ffffff; --title: #163a5c; --text: #3a4a5a; --muted: #6b7d8e; --border: #dce4ec; --hero-from: #1f4e79; --hero-to: #12314e; } /* 2 ─ LEGGENDE E ICONE — Hall of Fame, trofei, velluto */ body[data-theme="leggende"] { --primary: #6b1e2b; --primary-dark: #4e141e; --secondary: #8d2f3f; --accent: #b48a3d; --gold: #b48a3d; --site-bg: #f4f1e8; --bg-alt: #ece7da; --surface: #fffdf9; --title: #2d2a26; --text: #4a413c; --muted: #7a6f68; --border: #e4ddcf; --hero-from: #6b1e2b; --hero-to: #2d2a26; } /* 3 ─ DIRIGENTI — leadership, istituzioni, documenti */ body[data-theme="dirigenti"] { --primary: #264653; --primary-dark: #17313b; --secondary: #52796f; --accent: #b89b5e; --gold: #b89b5e; --site-bg: #f8f6f2; --bg-alt: #eef0ec; --surface: #ffffff; --title: #1e3640; --text: #46545a; --muted: #6c757d; --border: #dfe3e0; --hero-from: #264653; --hero-to: #17313b; } /* 4 ─ TECNICI — strategia, competenza, lavagna tattica */ body[data-theme="tecnici"] { --primary: #355e3b; --primary-dark: #26452b; --secondary: #5c7a5b; --accent: #b79a56; --gold: #b79a56; --site-bg: #f5f2ea; --bg-alt: #ece8dc; --surface: #ffffff; --title: #323232; --text: #45514a; --muted: #6f7a70; --border: #d9e1d6; --hero-from: #355e3b; --hero-to: #26452b; /* token legacy usati dalle pagine tecnici esistenti */ --theme-soft: #f5f2ea; --theme-ink: #323232; --theme-line: #d9e1d6; --theme-panel: #ffffff; --theme-tag: #eef4eb; --theme-tag-strong: #d9e8d8; --hero-image: url("../img/tecnici.jpg"); --hero-top: rgba(14, 19, 15, 0.50); --hero-mid: rgba(18, 34, 22, 0.40); --hero-bottom: rgba(10, 14, 11, 0.72); --hero-muted: rgba(255, 255, 255, 0.9); } /* 5 ─ FIRME DELLO SPORT — giornalismo, quotidiani storici */ body[data-theme="firme"] { --primary: #222222; --primary-dark: #000000; --secondary: #4a4a4a; --accent: #a32929; /* rosso editoriale */ --gold: #b79a56; --site-bg: #f5f2ea; --bg-alt: #ece8dc; --surface: #ffffff; --title: #1a1a1a; --text: #3a3a3a; --muted: #6a6a6a; --border: #e0ddd4; --hero-from: #2a2a2a; --hero-to: #000000; } /* 6 ─ SOCIETÀ SPORTIVE — tradizione, stemmi, storia */ body[data-theme="societa"] { --primary: #17324d; --primary-dark: #0f2436; --secondary: #8b2635; --accent: #b9953c; --gold: #b9953c; --site-bg: #f4f2ed; --bg-alt: #ebe7dc; --surface: #ffffff; --title: #142838; --text: #414a52; --muted: #707070; --border: #e2ddd2; --hero-from: #17324d; --hero-to: #0f2436; } /* 7 ─ DISCIPLINE — vivacità, cinque cerchi */ body[data-theme="discipline"] { --primary: #1565c0; --primary-dark: #0d4a91; --secondary: #2e7d32; --accent: #f9a825; --gold: #f9a825; --site-bg: #fafafa; --bg-alt: #eef1f4; --surface: #ffffff; --title: #16324a; --text: #3f4a55; --muted: #6c7883; --border: #e2e8ee; --hero-from: #1565c0; --hero-to: #0d4a91; /* colori-categoria (chip discipline) */ --cat-blue: #1565c0; --cat-green: #2e7d32; --cat-red: #c62828; --cat-yellow: #f9a825; } /* 8 ─ EVENTI — manifesti storici */ body[data-theme="eventi"] { --primary: #23395b; --primary-dark: #172741; --secondary: #d97904; --accent: #d97904; --gold: #c8a24a; --site-bg: #f7f3ea; --bg-alt: #efe9db; --surface: #ffffff; --title: #1e3350; --text: #45505c; --muted: #6a7078; --border: #e4ddd0; --hero-from: #23395b; --hero-to: #172741; } /* 9 ─ AMARCORD — album fotografico, seppia */ body[data-theme="amarcord"] { --primary: #5a4634; --primary-dark: #3f2f22; --secondary: #7a5c42; --accent: #a87c3d; --gold: #a87c3d; --site-bg: #f3ebdd; --bg-alt: #ebe0cd; --surface: #fbf7ef; --title: #3f2f22; --text: #5a4634; --muted: #8a7a68; --border: #e4d8c4; --hero-from: #5a4634; --hero-to: #3f2f22; } /* 10 ─ MEDAGLIATI OLIMPICI — l'oro domina */ body[data-theme="medagliati"] { --primary: #2f5d9f; --primary-dark: #234878; --secondary: #c8a24a; --accent: #c8a24a; --gold: #c8a24a; --site-bg: #fafafa; --bg-alt: #eef1f5; --surface: #ffffff; --title: #1f3a63; --text: #45505c; --muted: #545454; --border: #e5e8ee; --hero-from: #2f5d9f; --hero-to: #1f3a63; } /* 11 ─ SOCIETÀ CENTENARIE — monumento, storia */ body[data-theme="centenarie"] { --primary: #2e4057; --primary-dark: #21303f; --secondary: #8c6a43; --accent: #8c6a43; --gold: #b89b5e; --site-bg: #f3efe6; --bg-alt: #eae4d6; --surface: #fbf8f1; --title: #263544; --text: #444c54; --muted: #666666; --border: #e2dccd; --hero-from: #2e4057; --hero-to: #21303f; } /* 12 ─ GALLERIE FOTOGRAFICHE — esposizione, sala neutra */ body[data-theme="gallerie"] { --primary: #1f2937; --primary-dark: #111827; --secondary: #4b5563; --accent: #d4af37; --gold: #d4af37; --site-bg: #f8fafc; --bg-alt: #eef1f5; --surface: #ffffff; --title: #111827; --text: #45505c; --muted: #6b7280; --border: #e3e8ef; --hero-from: #1f2937; --hero-to: #111827; } /* ─ PARALIMPICI — inclusione (già in uso) */ body[data-theme="paralimpici"] { --primary: #234c7a; --primary-dark: #17335a; --secondary: #4b6f97; --accent: #c59d4d; --gold: #c59d4d; --site-bg: #f5f3ee; --bg-alt: #ece8df; --surface: #ffffff; --title: #1f2f3d; --text: #3c4b58; --muted: #6a7683; --border: #d7e0ea; --hero-from: #234c7a; --hero-to: #10192b; /* token legacy usati dalla pagina paralimpici esistente */ --theme-soft: #f5f3ee; --theme-ink: #1f2f3d; --theme-line: #d7e0ea; --theme-panel: #ffffff; --theme-tag: #edf3f9; --theme-tag-strong: #dbe7f1; --hero-image: url("https://coresg-normal.trae.ai/api/ide/v1/text_to_image?prompt=paralympic%20sports%20museum%20hero%2C%20inclusive%20athletes%20in%20wheelchair%20racing%2C%20sitting%20volley%2C%20sailing%20and%20paratriathlon%2C%20editorial%20Italian%20sports%20archive%20style%2C%20deep%20navy%20blue%20and%20bronze%20tones%2C%20cinematic%2C%20realistic%2C%20high%20detail%2C%20no%20text&image_size=landscape_16_9"); --hero-top: rgba(11, 19, 30, 0.58); --hero-mid: rgba(17, 34, 57, 0.82); --hero-bottom: rgba(10, 16, 27, 0.96); --hero-muted: rgba(255, 255, 255, 0.9); }