/**
 * ESLS Brand Tokens — CSS custom properties on :root.
 *
 * Locked source of truth per esls-brand-tokens-v1.md (Session 0).
 * Sessions 2–5 reference these via var(--esls-token-name); no hardcoded hex codes.
 *
 * @package esls-institutional-content
 * @version 0.1.0
 */

:root {
  /* === Blue anchor (institutional) === */
  --esls-blue-50:  #E5F2F8;
  --esls-blue-100: #C2DDED;
  --esls-blue-200: #88B9D8;
  --esls-blue-300: #3F9FC4;
  --esls-blue-400: #158AB2;   /* base */
  --esls-blue-600: #0E6588;
  --esls-blue-800: #0A455F;   /* dark hero background */
  --esls-blue-900: #062B3D;

  /* === Orange anchor (energy / CTA) === */
  --esls-orange-50:  #FDEAD7;
  --esls-orange-100: #FACDA6;
  --esls-orange-200: #F4A769;
  --esls-orange-300: #ED8C3F;
  --esls-orange-400: #E87722;   /* base — primary CTA */
  --esls-orange-600: #B85B10;
  --esls-orange-800: #7A3A0A;
  --esls-orange-900: #4F2406;

  /* === Surfaces === */
  --esls-cream-primary: #FBF8F1;
  --esls-cream-alt:     #F2EDE0;
  --esls-cream-warm:    #FFF8DC;
  --esls-border-warm:   #D4C9A8;

  /* === Text === */
  --esls-text-primary:   #1A1A2E;
  --esls-text-secondary: #555555;
  --esls-text-tertiary:  #7A6A4A;
  --esls-text-on-dark:   #FAF8F3;

  /* === Radius scale === */
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;

  /* === Shadow scale === */
  --shadow-xs:   0 1px 2px   rgba(26, 26, 46, 0.04);
  --shadow-sm:   0 1px 3px   rgba(26, 26, 46, 0.05);
  --shadow-card: 0 4px 12px  rgba(0, 0, 0, 0.03);
  --shadow-md:   0 4px 16px  rgba(0, 0, 0, 0.04);
  --shadow-lg:   0 12px 24px rgba(26, 26, 46, 0.08);
  --shadow-xl:   0 24px 48px rgba(26, 26, 46, 0.12);
  --shadow-glow-orange: 0 0 8px var(--esls-orange-400);

  /* === Motion === */
  --ease-out:       cubic-bezier(0.4, 0, 0.2, 1);
  --duration-fast:  150ms;
  --duration-base:  250ms;
  --duration-slow:  300ms;
  --duration-image: 700ms;

  /* === Z-index scale === */
  --z-base:           0;
  --z-decoration:    -1;
  --z-floats:        20;
  --z-subnav:        40;
  --z-header:        50;
  --z-modal-backdrop: 60;

  /* === Container widths === */
  --esls-container-outer: 1200px;
  --esls-container-inner: 1080px;
}

/* =========================================================================
   F-B fallback visibility — V-10, plugin v0.3.1.

   `.esls-hidden` belongs in the plugin stylesheet and nowhere else, and the
   reason is the whole mechanism. An operator places a plain-content fallback
   as a sibling of a plugin widget and marks it `.esls-hidden`. While the
   plugin is active this rule hides it, so the page shows only the widget.
   Deactivate the plugin and this stylesheet stops loading with it — the rule
   disappears, and the fallback becomes visible with no page edit.

   Put this rule in the child theme or in page CSS and it survives the plugin
   it is supposed to be watching, which silently disables every fallback on
   the site. It stays here.
   ========================================================================= */

.esls-hidden {
	display: none !important;
}