/**
 * RAK Events Manager — design tokens.
 * Scoped to :root and .rakem-app so admin design settings can override on the wrapper.
 */

:root,
.rakem-app {
	/* Color — Figma */
	--rakem-primary: #932026;
	--rakem-primary-alt: #9c1c1f;
	--rakem-secondary: #b68e47;
	--rakem-accent: #b68d48;
	--rakem-text-primary: #000000;
	--rakem-text-heading: #0b0b0b;
	--rakem-text: var(--rakem-text-primary);
	--rakem-background: var(--rakem-bg);
	--rakem-text-alt: #010101;
	--rakem-text-secondary: #54595f;
	--rakem-text-muted: #9aa1a8;
	--rakem-text-label: #070707;
	--rakem-speaker-label: #9e1915;
	--rakem-tab-bar-bg: #22282d;
	--rakem-bg: #ffffff;
	--rakem-surface: #f7f8f9;
	--rakem-surface-alt: #f5f6f7;
	--rakem-border: #e2e1da;
	--rakem-success: #2e7d32;
	--rakem-error: #9c1c1f;
	--rakem-deep: #4a0d18;
	--rakem-hero-overlay: #22282d;
	--rakem-upload-bg: #ffe9ea;
	--rakem-selected-row: #fbdcde;
	--rakem-white: #ffffff;
	--rakem-black: #000000;
	--rakem-input-border: #000000;
	--rakem-field-border: #606060;
	--rakem-placeholder: #7e7474;
	--rakem-select-value: #1b1919;

	/* Typography */
	--rakem-font: "Roboto", system-ui, -apple-system, "Segoe UI", sans-serif;
	--rakem-font-heading: var(--rakem-font);
	--rakem-font-body: var(--rakem-font);
	--rakem-fw-regular: 400;
	--rakem-fw-medium: 500;
	--rakem-fw-semibold: 600;
	--rakem-fw-bold: 700;

	/* Radius */
	--rakem-radius-sm: 8px;
	--rakem-radius-md: 12px;
	--rakem-radius-lg: 12px;
	--rakem-radius-card: 12px;
	--rakem-radius-button: 0px;
	--rakem-radius-pill: 999px;

	/* Layout — 1512 reference, 100px gutter, 1312 container.
	   Live site header (Elementor) is boxed 90% + 10px widget padding;
	   --rakem-site-inset matches that so plugin copy lines up with the logos. */
	--rakem-viewport-ref: 1512px;
	--rakem-gutter: 100px;
	--rakem-site-width: 90%;
	--rakem-site-pad: 10px;
	--rakem-site-inset: calc((100% - var(--rakem-site-width)) / 2 + var(--rakem-site-pad));
	--rakem-col: calc(100% - (var(--rakem-gutter) * 2));
	--rakem-container: 1312px;
	--rakem-container-width: var(--rakem-container);
	--rakem-section-spacing: 62px;
	--rakem-grid-gap: 20px;
	--rakem-card-width: 313px;
	--rakem-card-height: 445px;
	--rakem-attendee-card-h: 97px;
	--rakem-attendee-avatar: 60px;
	--rakem-attendee-pad-inline: 14px;
	--rakem-attendee-pad-block: 19px;
	--rakem-attendee-gap: 14px;
	--rakem-speaker-card-h: 179px;
	--rakem-speaker-card-w: 646px;
	--rakem-speaker-photo-w: 80px;
	--rakem-speaker-photo-h: 80px;
	--rakem-speaker-card-pad: 20px;
	--rakem-speaker-card-gap: 14px;
	--rakem-speakers-head-gap: 30px;
	--rakem-icon-search-size: 18px;
	--rakem-sidebar-width: 313px;
	--rakem-schedule-gap: 48px;

	/* Heights */
	--rakem-hero-listing: 319px;
	--rakem-hero-inner: 807px;
	--rakem-info-bar-h: 109px;
	--rakem-info-photo-h: 470px;
	--rakem-info-map-h: 304px;
	--rakem-info-bar-line: 25px;
	--rakem-tab-bar-h: 74px;
	--rakem-tab-w: 197px;
	--rakem-tab-register-w: 197px;
	--rakem-tab-register-h: 48px;
	--rakem-tab-share: 47px;
	--rakem-tab-actions-gap: 10px;
	/* Time col + gap sum to the 154px content offset measured in Figma */
	--rakem-slot-time-col: 130px;
	--rakem-slot-time-gap: 24px;
	--rakem-slot-gap: 30px;
	--rakem-row-gap: 30px;
	--rakem-selected-inset: 16px;
	--rakem-selection-bar-h: 100px;
	--rakem-filter-h: 36px;
	--rakem-filter-search-h: 58px;
	--rakem-filter-select-h: 40px;
	--rakem-filter-row-h: 37px;
	--rakem-filter-row-gap: 10px;
	--rakem-cta-card-h: 201px;
	--rakem-cta-btn-h: 34px;
	--rakem-join-pad-block: 8px;
	--rakem-join-pad-inline: 14px;
	--rakem-join-gap: 6px;
	--rakem-cta-h: 42px;
	--rakem-input-h: 54px;
	--rakem-submit-h: 55px;
	--rakem-register-w: 886px;
	--rakem-register-h: 1088px;
	--rakem-register-pad-block-start: 50px;
	--rakem-register-pad-block-end: 81px;
	--rakem-register-pad-inline-start: 40px;
	--rakem-register-pad-inline-end: 43px;
	--rakem-register-field-w: 378px;
	--rakem-register-col-gap: 47px;
	--rakem-register-upload-h: 87px;
	--rakem-register-sessions-h: 242px;

	/* Icons */
	--rakem-icon-sm: 16px;
	--rakem-icon-md: 24px;
	--rakem-icon-join: 12px;
	--rakem-icon-size-calendar: 16px;
	/* Details arrow: 10.5px glyph centred in a 24px box */
	--rakem-icon-details: 24px;
	--rakem-icon-details-glyph: 10.5px;

	/* Icon assets (relative to this stylesheet when imported from /assets/css/) */
	--rakem-icon-join-plus: url("../images/icons/join-plus.svg");
	--rakem-icon-join-plus-white: url("../images/icons/join-plus-white.svg");
	--rakem-icon-calendar: url("../images/icons/calendar.svg");
	--rakem-icon-calendar-gold: url("../images/icons/calendar-gold.svg");
	--rakem-icon-arrow-right: url("../images/icons/arrow-right.svg");
	--rakem-icon-details-arrow: url("../images/icons/details-arrow.svg");
	--rakem-icon-search: url("../images/icons/search.svg");
	--rakem-icon-chevron-down: url("../images/icons/chevron-down.svg");
	--rakem-icon-chevron-right: url("../images/icons/chevron-right.svg");
	--rakem-icon-pagination-prev: url("../images/icons/pagination-prev.svg");
	--rakem-icon-pagination-next: url("../images/icons/pagination-next.svg");
	--rakem-icon-close: url("../images/icons/close.svg");
	--rakem-icon-upload: url("../images/icons/upload.svg");
	--rakem-icon-folder: url("../images/icons/folder.svg");
	--rakem-icon-remove: url("../images/icons/remove.svg");
	--rakem-icon-speaker-close: url("../images/icons/speaker-close.svg");
	--rakem-icon-share: url("../images/icons/share.svg");
	--rakem-icon-linkedin: url("../images/icons/linkedin.svg");
	--rakem-icon-twitter-x: url("../images/icons/twitter-x.svg");
	--rakem-icon-instagram: url("../images/icons/instagram.svg");
	--rakem-icon-website: url("../images/icons/website.svg");

	/* Decorative artwork */
	--rakem-info-bar-pattern: url("../images/info-bar-pattern.svg");
	--rakem-info-bar-pattern-x: 329.872px;
	--rakem-cta-pattern: url("../images/cta-card-pattern.svg");

	/* Motion */
	--rakem-ease: cubic-bezier(0.25, 0.1, 0.25, 1);
	--rakem-duration: 180ms;
	--rakem-duration-modal: 240ms;
	--rakem-duration-bar: 360ms;
	--rakem-enter-y: 40px;

	/* Scrollbar */
	--rakem-scrollbar-size: 8px;
	--rakem-scrollbar-thumb: var(--rakem-primary);
	--rakem-scrollbar-track: transparent;

	/* Focus */
	--rakem-focus-ring: 2px solid var(--rakem-accent);
	--rakem-focus-offset: 2px;

	/* Overlay — listing uses Figma -86.35deg wash; inner keeps a deeper vertical fade */
	--rakem-overlay: rgba(34, 40, 45, 0.72);
	--rakem-hero-gradient: linear-gradient(
		-86.35deg,
		rgba(0, 0, 0, 0) 15.6%,
		rgba(0, 0, 0, 0.57) 100%
	);
	--rakem-hero-gradient-inner: linear-gradient(
		-88.56deg,
		rgba(0, 0, 0, 0) 15.6%,
		rgba(0, 0, 0, 0.57) 100.8%
	);

	/* Z-index */
	--rakem-z-sticky: 40;
	--rakem-z-tabbar: 50;
	--rakem-z-selection: 60;
	--rakem-z-overlay: 80;
	--rakem-z-modal: 100000;
}