/* Google Workspace page – colour utilities & component styles */

/* ── Google brand colours ── */
.gw-blue          { color: #4285F4; }
.gw-green         { color: #34A853; }
.gw-yellow        { color: #FBBC05; }
.gw-red           { color: #EA4335; }
.gw-teal          { color: #00897B; }
.gw-purple        { color: #7C3AED; }

/* ── Brand backgrounds ── */
.gw-blue-bg            { background-color: #4285F4; }
.gw-blue-bg-light      { background-color: rgba(66,133,244,0.1); }
.gw-green-bg-light     { background-color: rgba(52,168,83,0.1); }
.gw-yellow-bg-light    { background-color: rgba(251,188,5,0.1); }
.gw-red-bg-light       { background-color: rgba(234,67,53,0.1); }
.gw-teal-bg-light      { background-color: rgba(0,137,123,0.1); }
.gw-purple-bg-light    { background-color: rgba(124,58,237,0.1); }
.gw-ms-blue-bg         { background-color: #0078D4; }

/* ── Popular plan gradient ── */
.g-popular-bg   { background: linear-gradient(135deg, #0a2540 0%, #1a4080 100%); }

/* ── Check colour ── */
.g-check        { color: #34A853; }

/* ── Popular-card CTA button ── */
.gw-btn         { background: rgba(255,255,255,0.15); border: 2px solid rgba(255,255,255,0.3); }
.gw-btn:hover   { background: rgba(255,255,255,0.25); }

/* ── Billing toggle ── */
.billing-tab              { padding: 0.5rem 1.5rem; border-radius: 0.5rem; transition: all 0.2s; cursor: pointer; }
.billing-tab.active       { background: #0a2540 !important; color: white !important; }

/* ── Billing note text ── */
.gw-billing-note          { color: #0a2540; }
.gw-billing-note-light    { color: #90e0ef; }

/* ── Enterprise / Contact button ── */
.gw-contact-text          { color: #64748b; }
.gw-contact-btn           { border-color: #e2e8f0; color: #0a2540; }
.gw-contact-btn:hover     { background: #0a2540; color: white; }

/* ── App card hover ── */
.app-card       { transition: transform 0.2s, box-shadow 0.2s; }
.app-card:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(0,0,0,0.08); }