/* ═══════════════════════════════════════════════════════
   01-tokens.css — Design Tokens
   Intecracy Group Theme v3.2.0
   ─────────────────────────────────────────────────────
   ONLY variables. No rules. No selectors.
   ═══════════════════════════════════════════════════════ */

:root {
    /* ── Palette ── */
    --navy:           #0b1a30;
    --navy-deep:      #071525;
    --navy-light:     #0f2540;
    --teal:           #00c9a7;
    --teal-dark:      #00a085;
    --cyan:           #00b4d8;
    --dark-teal:      #0a1628;
    --dark-teal-2:    #0e3630;
    --yellow:         #fdd835;

    /* ── Text ── */
    --text:           #e8f0f8;
    --muted:          #7f93a8;
    --text-dim:       rgba(232, 240, 248, 0.70);
    --text-faint:     rgba(232, 240, 248, 0.50);

    /* ── Surfaces & borders ── */
    --card-border:    rgba(255, 255, 255, 0.08);
    --card-hover:     rgba(0, 201, 167, 0.12);
    --card-bg:        rgba(255, 255, 255, 0.04);
    --teal-border:    rgba(0, 201, 167, 0.25);
    --teal-border-h:  rgba(0, 201, 167, 0.50);

    /* ── Gradients (shared) ── */
    --grad-dark-teal: linear-gradient(135deg, #0a1628 0%, #0e3630 50%, #0b2830 100%);
    --grad-navy:      linear-gradient(135deg, #0a1628 0%, #0f2240 100%);

    /* ── Spacing scale ── */
    --space-xs:   8px;
    --space-sm:  16px;
    --space-md:  24px;
    --space-lg:  40px;
    --space-xl:  60px;
    --space-2xl: 72px;
    --space-3xl: 96px;
    --space-text-gap: 20px;
    --space-tag-gap: 12px;
    --space-icon-gap: 14px;

    /* ── Radius scale ── */
    --radius-sm:  2px;
    --radius-md:  4px;
    --radius-lg:  8px;
    --radius-xl: 16px;
    --radius-pill: 9999px;

    /* ── Shadows ── */
    --shadow-sm:  0 2px 8px  rgba(0, 0, 0, 0.20);
    --shadow-md:  0 4px 24px rgba(0, 0, 0, 0.30);
    --shadow-lg:  0 8px 40px rgba(0, 0, 0, 0.40);

    /* ── Transitions ── */
    --transition-fast:   0.15s ease;
    --transition-base:   0.30s ease;
    --transition-slow:   0.50s ease;
    --font-family-base: 'Montserrat', sans-serif;
    --font-size-body: 15px;
    --font-size-overline: 11px;
    --line-height-body: 1.6;
    --line-height-copy: 1.8;
    --line-height-heading: 1.05;
    --tracking-overline: 1.5px;

    /* ── Layout ── */
    --container-width: 1140px;
    --container-gutter: 20px;
    --section-padding-v: var(--space-2xl);
    --section-padding-h: var(--space-md);
    --section-header-gap: var(--space-xl);
    --accent-line-width: 48px;
    --accent-line-height: 3px;
    --accent-line-gap: var(--space-text-gap);
    --icon-size-sm: 20px;
    --icon-size-md: 44px;
    --icon-size-circle: 56px;
    --icon-size-circle-glyph: 26px;
    --icon-size-lg: 64px;
    --icon-size-lg-glyph: 52px;
    --icon-circle-bg: rgba(0, 201, 167, 0.06);
    --header-z: 100;
    --header-pad-y: 16px;
    --header-pad-x: var(--space-md);
    --header-nav-gap: var(--space-lg);
    --header-logo-size: 18px;
    --header-link-size: 13px;
    --header-link-tracking: 0.5px;
    --header-cta-pad-y: 10px;
    --header-cta-pad-x: var(--space-md);
    --mobile-nav-offset: 60px;
    --hero-pad-x: var(--space-md);
    --hero-home-min-height: 70vh;
    --hero-inner-min-height: 36vh;
    --hero-pad-top: 140px;
    --hero-home-pad-bottom: 80px;
    --hero-inner-pad-bottom: 50px;
    --hero-content-max: 700px;
    --hero-content-wide-max: 760px;
    --hero-description-max: 550px;
    --hero-description-wide-max: 600px;
    --hero-tag-size: 12px;
    --hero-tag-tracking: 3px;
    --hero-title-gap: 30px;
    --hero-title-gap-home: 36px;
    --hero-stats-gap: var(--space-xl);
    --hero-stats-top-gap: var(--space-xl);
    --hero-stats-pad-top: var(--space-lg);
    --hero-cta-gap: 20px;
    --hero-cta-top-gap: 50px;
    --hero-stat-value-size: 42px;
    --hero-stat-label-size: 13px;
    --hero-description-size: 18px;
    --hero-description-size-lg: 19px;
    --hero-description-size-sm: 16px;
    --hero-description-line-height-lg: 1.9;
    --breadcrumbs-size: 12px;
    --breadcrumbs-gap: 6px;
    --split-layout-gap: var(--space-xl);
    --grid-gap-sm: var(--space-md);
    --grid-gap-md: 32px;
    --button-gap: var(--space-xs);
    --button-pad-y: 12px;
    --button-pad-x: 28px;
    --button-pad-x-lg: 32px;
    --button-font-size: 14px;
    --button-font-size-sm: 13px;
    --button-font-size-md: 15px;
    --button-letter-spacing: 0.3px;
    --button-letter-spacing-wide: 1px;
    --button-border-width: 2px;
    --button-radius: var(--radius-md);
    --button-radius-lg: 6px;
    --button-hover-lift: -2px;
    --button-hover-lift-sm: -1px;
    --button-shadow-hover: 0 8px 24px rgba(0, 201, 167, 0.30);
    --button-shadow-hover-strong: 0 10px 30px rgba(0, 201, 167, 0.25);
    --button-ghost-border: rgba(255, 255, 255, 0.20);
    --button-dark-border: rgba(255, 255, 255, 0.18);
    --button-ghost-bg-hover: rgba(0, 201, 167, 0.06);
    --button-primary-hover: #00e5bf;
    --button-newsletter-pad-y: 16px;
    --button-newsletter-pad-x: 32px;
    --why-card-gap: var(--space-lg);
    --why-card-pad: 30px;
    --why-card-number-size: 48px;
    --why-card-title-size: 16px;
    --why-card-copy-size: 14px;
    --why-card-border-hover: rgba(0, 201, 167, 0.40);
    --why-card-bg: rgba(255, 255, 255, 0.08);
    --why-card-bg-hover: rgba(0, 201, 167, 0.08);
    --why-card-text: rgba(255, 255, 255, 0.92);
    --why-card-number: rgba(255, 255, 255, 0.20);
    --service-card-gap: var(--space-sm);
    --service-card-pad-y: var(--space-md);
    --service-card-pad-x: 20px;
    --service-card-radius: var(--radius-lg);
    --service-card-bg: rgba(255, 255, 255, 0.02);
    --service-card-border-hover: rgba(0, 201, 167, 0.30);
    --service-card-copy-size: 13px;
    --service-card-copy-line-height: 1.7;
    --service-card-lift: -4px;
    --service-icon-gap: var(--space-text-gap);
    --service-icon-size: var(--icon-size-md);
    --service-grid-columns: 4;
    --footer-pad-y: var(--space-lg);
    --footer-pad-x-fluid: 6%;
    --footer-copy-size: 13px;
    --footer-grid-gap: var(--space-lg);
    --footer-grid-gap-md: 32px;
    --footer-brand-max: 260px;
    --footer-logo-size: 16px;
    --footer-heading-size: 11px;
    --footer-heading-tracking: 1.5px;
    --footer-heading-gap: var(--space-text-gap);
    --footer-link-size: 13px;
    --footer-bottom-pad-top: var(--space-md);
    --footer-bottom-link-size: 12px;
    --footer-bottom-gap: 12px;
    --map-stats-gap: 80px;
    --map-stats-gap-md: 50px;
    --map-stats-gap-sm: 30px;
    --map-stat-value-size: 56px;
    --map-stat-value-size-sm: 36px;
    --map-stat-label-size: 14px;
    --segments-grid-columns: 4;
    --segment-card-pad-y: 30px;
    --segment-card-pad-x: 20px;
    --segment-card-bg: rgba(255, 255, 255, 0.02);
    --segment-card-bg-hover: rgba(0, 180, 216, 0.08);
    --segment-card-lift: -2px;
    --segment-name-size: 11px;
    --segment-name-tracking: 1px;
    --cta-max-width: 650px;
    --cta-max-width-narrow: 600px;
    --cta-text-max-width: 560px;
    --cta-content-gap: var(--space-sm);
    --cta-copy-gap: 30px;
    --cta-copy-gap-centered: 28px;
    --cta-title-gap-centered: 4px;
    --cta-border: var(--teal-border);
    --cta-pad-mobile-y: 60px;
    --cta-pad-mobile-x: 16px;
    --about-grid-gap: 80px;
    --about-grid-gap-mobile: var(--space-lg);
    --about-visual-max: 400px;
    --org-node-bg: rgba(255, 255, 255, 0.05);
    --org-node-bg-active: rgba(0, 201, 167, 0.10);
    --org-node-pad-y: 20px;
    --org-node-pad-x: 30px;
    --org-node-gap: var(--space-text-gap);
    --org-node-title-size: 14px;
    --org-node-title-size-sm: 11px;
    --org-branches-gap: 12px;
    --methodology-max: 900px;
    --methodology-copy-size: 16px;
    --methodology-copy-gap: var(--space-md);
    --methodology-copy-opacity: 0.9;
    --feature-grid-gap: 30px;
    --feature-card-pad: 30px;
    --feature-card-bg: rgba(255, 255, 255, 0.10);
    --feature-card-border: rgba(255, 255, 255, 0.15);
    --feature-card-border-hover: rgba(0, 201, 167, 0.40);
    --feature-card-bg-hover: rgba(0, 201, 167, 0.08);
    --feature-card-lift: -4px;
    --feature-card-title-size: 16px;
    --feature-card-copy-size: 14px;
    --feature-card-copy-opacity: 0.8;
    --feature-icon-size: 48px;
    --feature-icon-gap: var(--space-text-gap);
    --values-grid-gap: var(--space-md);
    --value-card-pad-y: 40px;
    --value-card-pad-x: 30px;
    --value-number-size: 48px;
    --value-number-gap: var(--space-sm);
    --value-title-size: 14px;
    --value-title-gap: 10px;
    --value-copy-size: 13px;
    --category-intro-max: 700px;
    --category-intro-gap: var(--space-xl);
    --category-copy-size: 16px;
    --category-copy-opacity: 0.8;
    --category-block-gap: 80px;
    --category-header-gap: var(--space-text-gap);
    --category-header-gap-mobile: var(--space-sm);
    --category-header-bottom-gap: var(--space-lg);
    --category-header-pad-bottom: var(--space-text-gap);
    --category-icon-size: 56px;
    --category-icon-radius: 12px;
    --category-icon-glyph: 28px;
    --category-title-size: 24px;
    --category-title-gap: 6px;
    --category-eyebrow-size: 12px;
    --category-eyebrow-tracking: 1px;
    --service-provider-size: 10px;
    --service-provider-tracking: 0.5px;
    --service-provider-opacity: 0.7;
    --platform-grid-gap: var(--about-grid-gap);
    --platform-copy-size: 16px;
    --platform-copy-color: rgba(255, 255, 255, 0.85);
    --platform-tag-color: rgba(255, 255, 255, 0.7);
    --platform-line-color: rgba(255, 255, 255, 0.4);
    --platform-stats-gap: 30px;
    --platform-stat-bg: rgba(255, 255, 255, 0.10);
    --platform-stat-pad: 30px;
    --platform-stat-radius: var(--radius-lg);
    --platform-stat-value-size: 36px;
    --platform-stat-value-gap: var(--space-xs);
    --platform-stat-label-size: 13px;
    --platform-stat-label-color: rgba(255, 255, 255, 0.7);
    --industries-grid-gap: 20px;
    --industry-card-pad-y: 28px;
    --industry-card-pad-x: 24px;
    --industry-card-radius: var(--radius-lg);
    --industry-icon-size: 48px;
    --industry-icon-gap: var(--space-sm);
    --industry-title-size: 14px;
    --certs-grid-columns: 5;
    --certs-grid-gap: 30px;
    --cert-card-bg: rgba(255, 255, 255, 0.03);
    --cert-card-pad-y: 30px;
    --cert-card-pad-x: 20px;
    --cert-value-size: 18px;
    --cert-value-gap: 10px;
    --cert-label-size: 12px;
    --workflow-grid-columns: 6;
    --workflow-grid-gap: 20px;
    --workflow-grid-gap-md: 30px;
    --workflow-arrow-size: 20px;
    --workflow-arrow-offset: -15px;
    --workflow-arrow-top: 30px;
    --workflow-arrow-opacity: 0.5;
    --workflow-number-size: 56px;
    --workflow-number-gap: var(--space-sm);
    --workflow-number-font-size: 18px;
    --workflow-number-bg: rgba(0, 201, 167, 0.10);
    --workflow-step-title-size: 14px;
    --workflow-step-title-gap: var(--space-xs);
    --workflow-step-copy-size: 12px;
    --news-section-pad-top: 48px;
    --news-section-pad-bottom: 80px;
    --news-section-pad-x-fluid: 6%;
    --featured-grid-gap: 30px;
    --featured-card-bg: rgba(255, 255, 255, 0.02);
    --featured-card-lift: -4px;
    --featured-image-height: 300px;
    --featured-image-placeholder-size: 48px;
    --featured-content-pad: 35px;
    --news-category-size: 10px;
    --news-category-pad-y: 5px;
    --news-category-pad-x: 12px;
    --news-category-gap: var(--space-sm);
    --news-category-bg: rgba(0, 180, 216, 0.15);
    --news-title-size-lg: 22px;
    --news-title-size-md: 16px;
    --news-title-size-sm: 15px;
    --news-meta-gap: var(--space-sm);
    --news-date-size: 12px;
    --news-date-icon-size: 14px;
    --news-excerpt-size: 14px;
    --news-excerpt-size-sm: 13px;
    --news-excerpt-gap: var(--space-text-gap);
    --read-more-gap: var(--space-xs);
    --read-more-gap-hover: 12px;
    --read-more-size: 13px;
    --read-more-icon-size: 16px;
    --featured-small-pad: 25px;
    --news-layout-sidebar: 280px;
    --news-layout-gap: 50px;
    --news-grid-gap: 30px;
    --news-card-image-height: 180px;
    --news-card-image-placeholder-size: 32px;
    --news-card-content-pad: 25px;
    --sidebar-gap: 30px;
    --sidebar-widget-pad: 30px;
    --sidebar-title-size: 14px;
    --sidebar-title-gap: var(--space-text-gap);
    --sidebar-title-icon-size: 18px;
    --tags-gap: 10px;
    --tag-pill-size: 11px;
    --tag-pill-pad-y: 6px;
    --tag-pill-pad-x: 14px;
    --tag-pill-bg: rgba(255, 255, 255, 0.03);
    --tag-pill-bg-hover: rgba(0, 201, 167, 0.10);
    --category-list-gap: var(--space-xs);
    --category-item-pad-y: 10px;
    --category-item-size: 13px;
    --category-count-size: 11px;
    --category-count-pad-y: 2px;
    --category-count-pad-x: var(--space-xs);
    --recent-list-gap: var(--space-sm);
    --recent-item-gap: 14px;
    --recent-number-size: 20px;
    --recent-title-size: 13px;
    --recent-date-size: 11px;
    --pagination-gap: var(--space-xs);
    --pagination-top-gap: var(--space-xl);
    --pagination-size: 42px;
    --pagination-font-size: 14px;
    --pagination-arrow-pad-x: var(--space-sm);
    --newsletter-max: 600px;
    --newsletter-copy-gap-top: var(--space-sm);
    --newsletter-copy-gap-bottom: 30px;
    --newsletter-copy-opacity: 0.9;
    --newsletter-form-gap: 12px;
    --newsletter-input-pad-y: 16px;
    --newsletter-input-pad-x: var(--space-md);
    --newsletter-input-font-size: 14px;
    --newsletter-input-bg: rgba(255, 255, 255, 0.15);
    --newsletter-input-bg-focus: rgba(255, 255, 255, 0.20);
    --newsletter-input-border: rgba(255, 255, 255, 0.20);
    --newsletter-input-border-focus: rgba(255, 255, 255, 0.40);
    --newsletter-placeholder: rgba(255, 255, 255, 0.60);
    --contact-section-pad-y: var(--space-2xl);
    --contact-section-pad-x-fluid: 6%;
    --contact-grid-gap: 80px;
    --contact-grid-gap-md: 50px;
    --contact-form-bg: rgba(255, 255, 255, 0.02);
    --contact-form-pad: 50px;
    --contact-form-pad-sm: 30px;
    --contact-form-title-gap: 30px;
    --form-group-gap: var(--space-md);
    --form-label-size: 12px;
    --form-label-gap: 10px;
    --form-label-tracking: 1px;
    --form-input-bg: rgba(255, 255, 255, 0.03);
    --form-input-bg-focus: rgba(0, 201, 167, 0.05);
    --form-input-pad-y: 16px;
    --form-input-pad-x: 20px;
    --form-input-font-size: 14px;
    --form-placeholder-opacity: 0.6;
    --form-textarea-min: 150px;
    --contact-info-gap: 40px;
    --info-card-pad: 40px;
    --info-card-pad-sm: 30px;
    --info-card-title-size: 16px;
    --info-card-title-gap: var(--space-text-gap);
    --info-card-title-icon-size: 24px;
    --info-item-gap: 12px;
    --info-item-bottom-gap: var(--space-sm);
    --info-item-icon-size: 18px;
    --info-item-copy-size: 14px;
    --careers-grid-gap: 80px;
    --careers-grid-gap-md: var(--space-lg);
    --careers-copy-gap-top: var(--space-md);
    --careers-copy-size: 16px;
    --careers-copy-opacity: 0.9;
    --careers-tag-color: rgba(255, 255, 255, 0.6);
    --careers-line-color: rgba(255, 255, 255, 0.5);
    --careers-cta-bg: rgba(255, 255, 255, 0.10);
    --careers-cta-border: rgba(255, 255, 255, 0.15);
    --careers-cta-pad: 50px;
    --careers-cta-label-size: 12px;
    --careers-cta-label-color: rgba(255, 255, 255, 0.7);
    --careers-cta-label-tracking: 2px;
    --careers-cta-email-size: 24px;
    --hours-grid-max: 900px;
    --hours-grid-gap: 30px;
    --hours-card-pad-y: 40px;
    --hours-card-pad-x: 30px;
    --hours-icon-size: 48px;
    --hours-icon-gap: var(--space-text-gap);
    --hours-title-size: 14px;
    --hours-title-gap: var(--space-xs);
    --hours-copy-size: 13px;
    --program-intro-gap: 80px;
    --program-intro-gap-md: var(--space-lg);
    --program-badge-bg: rgba(0, 201, 167, 0.08);
    --program-badge-pad-y: 60px;
    --program-badge-pad-x: 50px;
    --program-badge-title-size: 14px;
    --program-badge-title-gap: var(--space-tag-gap);
    --program-badge-title-tracking: 2px;
    --program-badge-name-size: 36px;
    --program-badge-name-gap: var(--space-tag-gap);
    --program-badge-sub-size: 14px;
    --benefits-grid-gap: 30px;
    --benefit-card-bg: rgba(255, 255, 255, 0.06);
    --benefit-card-bg-hover: rgba(0, 201, 167, 0.08);
    --benefit-card-pad-y: 32px;
    --benefit-card-pad-x: 28px;
    --benefit-card-lift: -4px;
    --benefit-icon-size: var(--icon-size-md);
    --benefit-icon-gap: var(--space-text-gap);
    --benefit-title-size: 16px;
    --benefit-copy-size: 14px;
    --benefit-copy-color: rgba(255, 255, 255, 0.80);
    --standards-grid-columns: 4;
    --standards-grid-gap: 24px;
    --standard-card-pad-y: 36px;
    --standard-card-pad-x: 24px;
    --standard-value-size: 13px;
    --standard-value-gap: var(--space-tag-gap);
    --standard-value-tracking: 1px;
    --standard-label-size: 12px;
    --steps-grid-columns: 4;
    --steps-grid-gap: 24px;
    --step-card-pad-y: 40px;
    --step-card-pad-x: 30px;
    --step-number-size: 48px;
    --step-number-gap: var(--space-text-gap);
    --step-number-color: rgba(0, 201, 167, 0.15);
    --step-title-size: 15px;
    --step-title-gap: var(--space-tag-gap);
    --step-copy-size: 13px;
    --client-grid-gap: 80px;
    --client-example-bg: rgba(255, 255, 255, 0.03);
    --client-example-pad: 40px;
    --client-example-title-size: 14px;
    --client-example-title-gap: var(--space-md);
    --client-example-title-tracking: 1px;
    --example-step-gap: var(--space-sm);
    --example-step-bottom-gap: var(--space-text-gap);
    --example-num-size: 28px;
    --example-num-font-size: 12px;
    --example-text-size: 14px;
    --example-text-opacity: 0.85;
    --example-note-gap-top: var(--space-md);
    --example-note-pad-top: var(--space-text-gap);
    --example-note-size: 13px;
}