/**
 * BASEM Agenda design settings
 *
 * Edit this file for website visual changes. Structural layout rules live in
 * agenda.css; PDF design settings are grouped in assets/js/config.js.
 */
.basem-agenda {
	/* Typography */
	--agenda-font-family: proxima-nova, sans-serif;
	--agenda-font-size: 1rem;
	--agenda-font-weight-regular: 500;
	--agenda-font-weight-bold: 700;
	--agenda-line-height: 120%;

	/* Core brand colours */
	--agenda-colour-navy: #262262;
	--agenda-colour-deep-navy: #100f42;
	--agenda-colour-cyan: #00AEEF;
	--agenda-colour-pale-blue: #b9e4ff;
	--agenda-colour-cream: #f3f0df;
	--agenda-colour-card: #FAF9F5;
	--agenda-colour-ink: #17174f;
	--agenda-colour-muted: #62627e;
	--agenda-colour-line: #cfd5e2;
	--agenda-colour-focus: #f0b429;
	--agenda-colour-error: #a61b1b;
	--agenda-colour-error-bg: #fff0f0;
	--agenda-colour-white: #ffffff;
	--agenda-skeleton-background: #f4f5f7;
	--agenda-skeleton-highlight: #e5e7eb;
	--agenda-skeleton-radius: 8px;

	/* Controls */
	--agenda-button-background: #f2f4fa;
	--agenda-button-radius: 3px;
	--agenda-button-font-size: 0.72rem;
	--agenda-button-padding-block: 0.62rem;
	--agenda-button-padding-inline: 1rem;
	--agenda-view-button-width: 42px;
	--agenda-view-button-height: 38px;
	--agenda-view-icon-size: 19px;

	/* Grid sizing */
	--agenda-grid-max-height: min(76vh, 850px);
	--agenda-grid-mobile-max-height: 72vh;
	--agenda-grid-time-width: 82px;
	--agenda-grid-time-width-mobile: 68px;
	--agenda-grid-time-label-inset: 8px;
	--agenda-grid-time-label-inset-mobile: 6px;
	--agenda-grid-room-min-width: 205px;
	--agenda-grid-room-min-width-mobile: 190px;
	--agenda-grid-header-height: 68px;
	--agenda-grid-room-gap: 5px;
	--agenda-grid-room-gap-mobile: 3px;
	--agenda-grid-line-colour: rgba(117, 128, 157, 0.45);
	--agenda-grid-dot-size: 1px;
	--agenda-grid-dot-spacing: 5px;
	--agenda-pin-top-offset: 150px;
	--agenda-pin-viewport-height: min(calc(100vh - var(--agenda-pin-top-offset) - 24px), 900px);
	--agenda-sticky-toolbar-background: rgba(255, 255, 255, 0.96);
	--agenda-sticky-toolbar-radius: 10px;
	--agenda-sticky-toolbar-shadow: 0 8px 24px rgba(16, 15, 66, 0.1);

	/* Room badges */
	--agenda-room-badge-background: var(--agenda-colour-navy);
	--agenda-room-badge-colour: var(--agenda-colour-white);
	--agenda-room-badge-font-size: 0.75rem;
	--agenda-room-badge-radius: 8px;
	--agenda-room-badge-padding: 5px 8px;

	/* Session cards */
	--agenda-session-default-colour: var(--agenda-colour-navy);
	--agenda-session-background: var(--agenda-colour-card);
	--agenda-session-radius: 5px;
	--agenda-session-keyline-width: 3px;
	--agenda-session-padding: 12px 11px;
	--agenda-session-compact-padding: 12px 11px;
	--agenda-session-time-size: 0.75rem;
	--agenda-session-title-size: 0.875rem;
	--agenda-session-title-line-height: 120%;
	--agenda-programme-title-size: 1.05rem;
	--agenda-programme-subtitle-size: 0.84rem;
	--agenda-programme-subtitle-line-height: 1.25;
	--agenda-programme-subtitle-spacing: 0.35rem;
	--agenda-session-tag-size: 0.75rem;
	--agenda-session-speaker-size: 0.75rem;
	--agenda-session-speaker-photo-size: 24px;

	/* Full-width programme session types */
	--agenda-welcome-keyline: var(--agenda-colour-navy);
	--agenda-welcome-background: #edf6ff;
	--agenda-welcome-text: var(--agenda-colour-ink);
	--agenda-coffee-break-keyline: #f0b429;
	--agenda-coffee-break-background: #fff6dd;
	--agenda-coffee-break-text: var(--agenda-colour-ink);
	--agenda-lunch-break-keyline: var(--agenda-colour-cyan);
	--agenda-lunch-break-background: #e8f8fb;
	--agenda-lunch-break-text: var(--agenda-colour-ink);

	/* List view */
	--agenda-list-time-width: 104px;
	--agenda-list-gap: 1.25rem;
	--agenda-list-radius: 14px;
	--agenda-list-card-padding: 1.25rem;
	--agenda-list-card-shadow: 0 8px 28px rgba(16, 15, 66, 0.08);
	--agenda-list-title-size: 1.05rem;
	--agenda-list-programme-title-size: 1.18rem;
	--agenda-list-subtitle-size: 0.96rem;
	--agenda-list-tag-size: 0.68rem;
	--agenda-list-speaker-photo-size: 50px;
	--agenda-list-speaker-size: 0.82rem;

}
