/* Digital Room Framework design tokens (mirrors the :root block of global.css).
   Loaded on every page as 'drf-tokens'; it is the only theme stylesheet kept on
   full-page plugin surfaces. Child themes override these variables. */
:root{--gutter: 16px;--container-narrow: 720px;--container-content: 960px;--container-main: 1200px;--container-wide: 1320px;--container-xwide: 1440px;--drf-color-bg: #fdfcfe;--drf-color-surface: #ffffff;--drf-color-surface-alt: #f4eff7;--drf-color-text: #2f2936;--drf-color-muted: #716a78;--drf-color-border: #e6dde9;--drf-color-primary: #806399;--drf-color-primary-hover: #5c3e83;--drf-color-accent: #f3d46f;--drf-color-success: #4f7a61;--drf-color-warning: #b27a2a;--drf-color-danger: #b65555;--drf-radius-sm: 8px;--drf-radius-md: 12px;--drf-radius-lg: 18px;--drf-radius-xl: 24px;--drf-radius-2xl: 32px;--drf-shadow-sm: 0 4px 16px rgba(47, 41, 54, .06);--drf-shadow-md: 0 12px 32px rgba(47, 41, 54, .1);--drf-shadow-lg: 0 20px 56px rgba(47, 41, 54, .14);--drf-container: min(var(--container-main), 100% - calc(var(--gutter) * 2));--drf-gap: clamp(16px, 2.4vw, 28px)}