/* ============================================
   Design Tokens — Site-Wide Style Guide (Meta Design System)
   Single source of truth for colors, fonts,
   spacing, and component styles.
   ============================================ */

:root {
    /* ── Brand Colors ── */
    --rs-green:        #0064E0;
    --rs-green-dark:   #0143B5;
    --rs-green-light:  rgba(0, 100, 224, 0.08);
    --rs-green-hover:  #0143B5;

    /* ── Neutral Text ── */
    --rs-text:         #0A1317;
    --rs-text-mid:     #65676B;
    --rs-text-light:   #65676B;
    --rs-text-muted:   #8A8D91;

    /* ── Backgrounds ── */
    --rs-white:        #ffffff;
    --rs-bg-light:     #F5F5F5;
    --rs-bg-page:      #F5F5F5;

    /* ── Borders ── */
    --rs-border:       #E4E6EB;
    --rs-border-light: #E4E6EB;

    /* ── Shadows ── */
    --rs-shadow:       0 1px 4px rgba(20, 22, 26, 0.12);
    --rs-shadow-lg:    0 4px 16px rgba(20, 22, 26, 0.12);
    --rs-shadow-card:  0 1px 2px rgba(0, 0, 0, 0.08);

    /* ── Radii ── */
    --rs-radius:       16px;
    --rs-radius-sm:    8px;
    --rs-radius-lg:    24px;
    --rs-radius-pill:  100px;

    /* ── Typography ── */
    --rs-font:         'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;

    /* ── Layout ── */
    --rs-container:    1200px;

    /* ── Star Ratings (stay green for trust) ── */
    --rs-star:         #00B567;
    --rs-star-light:   #E8F8F0;

    /* ── Status / Semantic ── */
    --rs-success:      #00B567;
    --rs-danger:       #E41E3F;
    --rs-cta-dark:     #0A1317;
    --rs-cta-red:      #E41E3F;

    /* ── Gold (for special badges only) ── */
    --rs-gold:         #F7B928;
}