/* THEME -- Farben, Icons, Startbild/-titel nach dem ARD-Gaming-Designsystem
   (Stand Juli 2026). Layout-Maße stehen in webplayer.css. */

:root {
	/* Flächen */
	--c-bg: #0B1328;            /* Navy / Seite */
	--c-bg-2: #101a38;          /* Karte, Player-Leiste, Sheets */

	/* Text auf Navy */
	--c-fg: #FFFFFF;                     /* Headline / Wert */
	--c-fg-2: rgba(234,240,255,.82);     /* Fließtext */
	--c-fg-3: rgba(234,240,255,.60);     /* Label */
	--c-line: rgba(234,240,255,.12);
	--c-glass: rgba(234,240,255,.05);
	--c-glass-2: rgba(234,240,255,.10);

	/* Hellblau = Handlung: Buttons, Fortschritt, Play, aktive Auswahl */
	--c-accent: #6699FF;
	--c-accent-hover: #5E8CEA;
	--c-accent-light: #9DBBFF;  /* Sekundärlinks, Hover */
	--c-on-accent: #0B1328;     /* Text auf Hellblau */

	/* Limette = Signal: Tastatur-Fokus, Statusrahmen (Entscheidung fällig) */
	--c-signal: #cee741;
	--c-signal-soft: rgba(206,231,65,.5);    /* Limette halbtransparent (Puls-Ende) */

	/* Transparente Varianten von --c-accent (#6699FF); bei geänderter Akzentfarbe mitziehen. */
	--c-selected: rgba(102,153,255,.14);     /* ausgewählte TWIST-Option */
	--c-peek-glow: rgba(102,153,255,.55);    /* Wisch-Hinweis (Handy) */

	--c-overlay-top: rgba(11,19,40,.25);     /* Bild-Abdunklung oben (Immersiv) */
	--c-overlay-bottom: rgba(11,19,40,.74);  /* Bild-Abdunklung unten (Immersiv) */
	--c-dim: rgba(6,10,22,.74);              /* Scrim hinter Einstellungen-Sheet (Handy) */
	--c-shadow: rgba(0,0,0,.45);             /* Schatten unter Einstellungen-Popover (Desktop) */
	--c-negative: #E0525C;                   /* Variablen-Balken negativ */
	--c-positive: #34B68E;                   /* Variablen-Balken positiv */

	--tt-text-base: 17px;   /* Grundgröße Story-Text */

	--tt-title-default: "You Run Europe";   /* Überschrift vor dem Start */
	/* !!! TO CHANGE !!! PLATZHALTER vom TWIST-Staging-Speicher. Vor Go-Live durch das eigene Bild ersetzen
	   (url("...") auf eigene Domain oder relativ, z. B. url("../images/start.jpg")). */
	--tt-image-default: url("https://twist-staging.nbg1.your-objectstorage.com/test/media/203404/conversions/101345-16-10-web.jpg");  /* Bild vor dem Start */

	/* Icon pro Variablen-Slot, Slot 1 = Fortschritt (ausgeblendet). */
	--tt-icon-2: url("../icons/beliebtheit.svg");       /* Beliebtheit */
	--tt-icon-3: url("../icons/nationalstaaten.svg");   /* Nationalstaaten */
	--tt-icon-4: url("../icons/eu-zusammenhalt.svg");   /* EU-Zusammenhalt */
	--tt-icon-5: url("../icons/haushalt.svg");          /* Haushalt */
}

/* Keine eigene Schrift: der Player übernimmt die Schrift der Zielseite (TheSans auf games.ard.de). */
.tt-v7-wrap {
	color: var(--c-fg);
	max-width: 1180px;
}