/**
 * Ribblu design tokens — orange home (evolved).
 * Loaded before public.css on every public page.
 */
:root {
  --rbl-orange: #f76c1b;
  --rbl-orange-d: #e05c0e;
  --rbl-orange-l: #fff3ec;
  /* Filled CTA fill: white text needs >= 4.5:1. Brand orange (#f76c1b) is 2.95:1. */
  --rbl-cta-fill: #c2410c;
  --rbl-cta-fill-hover: #9a3412;
  --rbl-ink: #1f2937;
  --rbl-muted: #6b7280;
  --rbl-border: #e5e7eb;
  --rbl-bg: #f3f4f6;
  --rbl-white: #ffffff;
  --rbl-radius: 8px;
  --rbl-radius-lg: 12px;
  --rbl-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.05);
  --rbl-border-strong: #cbd5e1;
  --rbl-focus: #1d4ed8;
  --rbl-info-bg: #e8f0fe;
  --rbl-info-text: #1a56db;
  --rbl-info-border: #c7d9fc;
  --rbl-success-bg: #ecfdf5;
  --rbl-success-text: #047857;
  --rbl-success-border: #a7f3d0;
  --rbl-danger-text: #b91c1c;
  --rbl-touch-min: 48px;
  --rbl-space-1: 4px;
  --rbl-space-2: 8px;
  --rbl-space-3: 12px;
  --rbl-space-4: 16px;
  --rbl-space-5: 20px;
  --rbl-space-6: 24px;
  --rbl-space-8: 32px;
  --rbl-transition-fast: 150ms ease;
  --rbl-header-h: 64px;
  --rbl-bottom-nav-h: 80px;
  --rbl-paper-mobile-bar-h: 65px;
  --rbl-safe-top: env(safe-area-inset-top, 0px);
  --rbl-safe-bottom: env(safe-area-inset-bottom, 0px);
  --rbl-sticky-top: calc(var(--rbl-header-h) + var(--rbl-safe-top) + 1px);
  --rbl-font-display: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
  --rbl-font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  /* Compatibility aliases for school-module styles. */
  --brand: var(--rbl-orange);
  --rbl-school-muted: #5c6370;
  --rbl-school-ink-soft: #3d4152;
  --ink-muted: var(--rbl-school-muted);
  --ink-soft: var(--rbl-school-ink-soft);
  /* Ad slot reserved heights (reduce CLS) */
  --rbl-ad-top-min-h: 50px;
  --rbl-ad-sidebar-min-h: 250px;
  --rbl-ad-infeed-min-h: 90px;
}