/* ==========================================================================
   TurboLanding V2 — Roles Layer
   Purpose: Declare ROLE variables only. Do NOT apply component properties here.
   Contract: tokens → roles (this file) → components-map → landing → (optional) bridge/kill-switch
   Note: Removed any previous rules that applied properties like background, color, etc.
   ========================================================================== */

@layer roles {

  /* -----------------------------------------------------------------------
     CTA role defaults (canonical)
     - Desktop: solid surface (no overlay)
     - Mobile: gradient overlay
     - Variables ONLY; properties are applied by components/landing CSS
     ----------------------------------------------------------------------- */
  :root{
    /* Surface color for CTAs */
    --role-cta-surface: var(--cta-surface, var(--brand-primary, #1d4ed8));

    /* Platform-specific overlays */
    --role-cta-overlay-desktop: none;
    --role-cta-overlay-mobile:  linear-gradient(120deg,
                                  var(--cta-grad-1, #FF0066),
                                  var(--cta-grad-2, #FF9A00));
  }

  /* -----------------------------------------------------------------------
     (Placeholders for future roles variables)
     Add more --role-* variables here (cards, badges, surfaces, etc.) as needed.
     Do NOT apply properties to selectors in this layer.
     ----------------------------------------------------------------------- */

} /* @layer roles */