/* Design tokens — wecom rebuild
 * Source: inventory/tokens.md (Phase 2 extraction)
 */

:root {
    /* === Colors === */
    --color-primary:        #FF3D00;   /* brand orange — CTAs, accents */
    --color-primary-hover:  #E63600;
    --color-text:           #333333;   /* default body */
    --color-text-heading:   #3E445E;   /* navy headings */
    --color-tertiary:       #1F2E3B;   /* wecom tertiary — new plan card text */
    --color-text-muted:     #1F2E3B;   /* secondary text */
    --color-bg:             #FFFFFF;
    --color-bg-alt:         #F5F5F5;
    --color-bg-hero:        #FF3D00;   /* orange hero band */
    --color-border:         #E0E0E0;
    --color-white:          #FFFFFF;
    --color-link-blue:      #0000FF;

    /* === Typography === */
    --font-heading:         "Rubik", -apple-system, system-ui, "Segoe UI", sans-serif;
    --font-body:            "Rubik", -apple-system, system-ui, "Segoe UI", sans-serif;
    --font-weight-normal:   400;
    --font-weight-medium:   500;
    --font-weight-semibold: 600;
    --font-weight-bold:     700;

    --font-size-xs:         14px;
    --font-size-sm:         16px;
    --font-size-base:       18px;
    --font-size-md:         20px;
    --font-size-lg:         24px;
    --font-size-xl:         32px;
    --font-size-2xl:        40px;
    --font-size-3xl:        55px;
    --font-size-hero:       80px;

    --line-height-tight:    1.1;
    --line-height-base:     1.5;
    --line-height-relaxed:  1.7;

    /* === Layout === */
    --container-max:        1200px;
    --gutter:               24px;
    --section-padding-y:    80px;
    --section-padding-y-sm: 48px;

    --radius-card:          12px;
    --radius-button:        8px;
    --radius-pill:          999px;

    /* === Shadows === */
    --shadow-card:          0 2px 8px rgba(0,0,0,0.08);
    --shadow-card-hover:    0 4px 16px rgba(0,0,0,0.12);

    /* === Breakpoints (reference only — used in @media) === */
    /* --bp-sm:  480px;
     --bp-md:  768px;
     --bp-lg:  1024px;
     --bp-xl:  1440px; */
}