/* ==========================================================================
   Fuller Custom Modules — Token Shim
   --------------------------------------------------------------------------
   Purpose
   - Guarantee every color/typography token referenced by these modules exists,
     even if the Fuller Design System hasn't loaded (e.g. early front-end flash
     or admin contexts).
   - Provide a stable local aliasing layer so modules reference short tokens
     (--ocean, --midnight, --cream) and those resolve against DS vars first,
     then safe brand defaults.

   Rules
   - No module-specific styling here.
   - All values MUST fall back to brand-safe defaults.
   - If the DS renames a token, update the right-hand side here instead of
     touching every module.
   ========================================================================== */

:root {
  /* --- Palette (Fuller brand) --- */
  --white:       var(--fds-color-white,       #FFFFFF);
  --soft-white:  var(--fds-color-soft-white,  #FBFAF9);
  --cream:       var(--fds-color-cream,       #D6D2C4);
  --midnight:    var(--fds-color-midnight,    #101820);
  --ocean:       var(--fds-color-ocean,       #007FA3);
  --sky:         var(--fds-color-sky,         #00AEC7);
  --denim:       var(--fds-color-denim,       #3E5C76);
  --orange:      var(--fds-color-orange,      #E87722);

  /* --- Typography (legacy aliases) --- */
  --font-sans:   var(--fds-font-sans,  "Noto Sans", system-ui, -apple-system, Segoe UI, Roboto, sans-serif);
  --font-serif:  var(--fds-font-serif, "Noto Serif", Georgia, "Times New Roman", serif);

  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;

  /* --- Module-scoped surface helpers --- */
  --fcm-surface:        var(--white);
  --fcm-surface-subtle: var(--soft-white);
  --fcm-text:           var(--midnight);
  --fcm-border:         var(--cream);
  --fcm-link:           var(--ocean);
  --fcm-link-hover:     var(--sky);
}