/* ==========================================================================
   Theme: Default
   --------------------------------------------------------------------------
   Loaded after /css/style.css for stores whose `hosted.theme` option is
   "default" (or is not set at all).

   The default values already live in /css/style.css, so this file only
   documents the tokens a theme is allowed to override. Copy it, rename it to
   themes/<name>.css and register the theme in `billing_themes`
   (reseller/app/config/app.php) to add a new look without touching markup.

   :root {
       --sf-font-sans / --sf-font-heading / --sf-font-weight-heading
       --sf-heading-tracking

       --sf-primary / --sf-primary-rgb / --sf-primary-dark
       --sf-primary-darker / --sf-primary-soft / --sf-primary-contrast

       --sf-accent / --sf-accent-dark / --sf-accent-soft

       --sf-success / --sf-warning / --sf-danger / --sf-info  (+ *-soft)

       --sf-heading-color / --sf-body-color / --sf-muted-color
       --sf-border-color / --sf-border-strong
       --sf-surface / --sf-surface-soft / --sf-surface-sunken

       --sf-radius-sm / --sf-radius / --sf-radius-lg / --sf-radius-pill
       --sf-shadow-xs / --sf-shadow-sm / --sf-shadow / --sf-shadow-lg
       --sf-focus-ring / --sf-transition

       --sf-header-bg / --sf-header-shadow / --sf-topbar-bg
       --sf-header-brand-color / --sf-header-link-color
       --sf-header-link-hover-color / --sf-header-link-hover-bg
       --sf-header-muted-color

       --sf-hero-bg / --sf-hero-color / --sf-hero-heading-color / --sf-hero-glow

       --sf-footer-bg / --sf-footer-color / --sf-footer-heading-color
       --sf-footer-link-color / --sf-footer-link-hover

       --sf-plan-bg / --sf-plan-border / --sf-plan-header-bg
       --sf-plan-price-color / --sf-plan-hover-border
   }
   ========================================================================== */