/* ============================================================================= 
    SNHU AP Tokens - Version 129
   Description: CSS Custom Properties for design system consistency
   ============================================================================= */

@font-face {
    font-family: 'snhu-font-family-regular';
    src: url(/resource/snhuInterFont/Inter_18pt-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'snhu-font-family-medium';
    src: url(/resource/snhuInterFont/Inter_18pt-Medium.ttf) format('truetype');
}

@font-face {
    font-family: 'snhu-font-family-bold';
    src: url(/resource/snhuInterFont/inter-fontBold.ttf) format('truetype');
}

@font-face {
    font-family: 'snhu-font-family-semi-bold';
    src: url(/resource/snhuInterFont/Inter_18pt-SemiBold.ttf) format('truetype');
}


/* =============================================================================
   CSS CUSTOM PROPERTIES (Design Tokens)
   These tokens can be used across all LWC components via var().
   Custom properties pierce shadow DOM — available in every component's CSS.
   ============================================================================= */

:root {

   /* =========================================================================
      FONT FAMILIES
      ========================================================================= */

    --snhu-font-family-regular:  'snhu-font-family-regular';
    --snhu-font-family-medium: 'snhu-font-family-medium';
    --snhu-font-family-bold: 'snhu-font-family-bold';
    --snhu-font-family-semi-bold: 'snhu-font-family-semi-bold';



/* =========================================================================
   FONT SIZES (rem)
   xs → 12px | sm → 14px | base → 16px | md → 18px
   lg → 20px | xl → 24px | 2xl → 32px | 3xl → 40px | 4xl → 48px
   ========================================================================= */

    --snhu-ap-font-size-xs: 0.75rem;  /* 12px */
    --snhu-ap-font-size-s: 0.8rem;    /*12.8px*/
    --snhu-ap-font-size-sm: 0.875rem; /* 14px */
    --snhu-ap-font-size-ssm: 0.9rem; /* 14.4px */
    --snhu-ap-font-size-base: 1rem;   /* 16px */
    --snhu-ap-font-size-md: 1.125rem; /* 18px */
    --snhu-ap-font-size-lg: 1.25rem;  /* 20px */
    --snhu-ap-font-size-xl: 1.5rem;   /* 24px */
    --snhu-ap-font-size-xl2: 1.5625rem;  /* 25px */
    --snhu-ap-font-size-x2: 1.625rem;   /* 26px */ 
    --snhu-ap-font-size-x3: 1.9531rem; /*31.2496px*/
    --snhu-ap-font-size-2xl: 2rem;    /* 32px */
    --snhu-ap-font-size-3xl: 2.5rem;  /* 40px */
    --snhu-ap-font-size-4xl: 3rem;    /* 48px */
    --snhu-ap-font-size-custom-25: 1.5625rem; /* 25px - custom size between xl and 2xl */
    --snhu-ap-font-size-custom-11 : 0.6875rem;

/* =========================================================================
   FONT WEIGHTS
   ========================================================================= */

    --snhu-ap-font-weight-regular: 400;
    --snhu-ap-font-weight-medium: 500;
    --snhu-ap-font-weight-semibold: 600;
    --snhu-ap-font-weight-bold: 700;
    --snhu-ap-font-weight-custom-640: 640; /* Custom weight for headers as per design spec */
    --snhu-ap-font-weight-footer-text: 400;
    --snhu-ap-font-weight-footer-link: 700;

/* =========================================================================
   LINE HEIGHTS
   ========================================================================= */

    --snhu-ap-line-height-tight: 1.25; 
    --snhu-ap-line-height-normal: 1.5;
    --snhu-ap-line-height-relaxed: 1.75;
    --snhu-ap-line-height-dropdown-link: 25.4px;
    --snhu-ap-line-height-basicInfo-required: 1.224rem;
    --snhu-ap-line-height-dropdown-title: 1.5625rem;
    --snhu-ap-line-height-section-title: 1.7rem;
    --snhu-ap-line-height-contact-link: 1.725rem;
    --snhu-ap-line-height-footer: 1.5;
    --snhu-ap-custom-line-height-header: 1.7rem; /* Custom line height for headers as per design spec */
    --snhu-ap-lh-header-dropdown-title: 1.5625rem; /* Custom line height for headers as per design spec */
    --snhu-ap-lh-header-dropdown-link: 1.6rem; /* Custom line height for dropdown links as per design spec */
    --snhu-ap-lh-custom-contact-link: 1.625rem; /* Custom line height for links as per design spec */
    --snhu-ap-lh-header-contact-link: 1.725rem; /* Custom line height for contact links as per design spec */
    --snhu-ap-lh-basicInfo-header: 2.4414rem;
    --snhu-ap-lh-dashboard-tile-title: 1.75rem;
    --snhu-ap-lh-admission-complete-description: 1.9531rem;
    --snhu-ap-lh-dashboard-custom-tile-title: 31.25px; /* Custom line height for dashboard tile titles as per design spec */
    --snhu-ap-lh-dashboard-content-small: 1.1875rem; /* Custom line height for dashboard tile titles as per design spec */
    --snhu-ap-lh-dashboard-content-medium: 1.875rem; /* Custom line height for dashboard tile titles as per design spec */
    --snhu-ap-lh-dahsboard-content-large: 2.4414rem; /* Custom line height for dashboard tile titles as per design spec */
    --snhu-ap-lh-ssn-input: 1.375rem;
    --snhu-ap-lh-academics-link: 1.5rem;
    --snhu-ap-lh-overview-title: 2rem;
    --snhu-ap-lh-modal-input: 1.26rem;
    --snhu-ap-lh-16px: 1rem;
    --snhu-ap-lh-19584px: 1.224rem;
    --snhu-ap-lh-large: 2rem;
    --snhu-ap-lh-custom-15px: 0.9375rem;
/* =========================================================================
   COLORS — Brand
   ========================================================================= */

    --snhu-ap-color-primary: #003057;
    --snhu-ap-color-primary-light: #0066b3;
    --snhu-ap-color-primary-dark: #00244e;
    --snhu-ap-color-secondary: #0069A7;
    --snhu-ap-color-background-softblue: #E6F0F7;
    --snhu-ap-color-grey-border: #c3c6ca;
    --snhu-ap-tile-shadow: #C3C6CA80;
    --snhu-ap-color-grey-shawdow: #e1e1e1;
    --snhu-ap-color-progress-bar-green: #2AAA00;
    --snhu-ap-progress-bar-bg:#C4C6CA;
    --snhu-ap-progress-bar-shadow-yellow:#FDF6E7;
    --snhu-ap-action-item-icon-blue: #17326C;
    --snhu-ap-action-item-icon-yellow: #D29B39;
    --snhu-ap-action-item-icon-green: #2AAA00;
    --snhu-ap-color-tile-border-grey: #F2F2F2;
    --snhu-ap-color-progress-bar-hex-gray: #CCC;
    --snhu-ap-color-vibrant-red: #E02020;
    --snhu-ap-dashboard-background: #F5F5F5;
    --snhu-ap-generic-fields-error: #CD2026;
    --snhu-ap-color-light-yellow: #FEDE90;

/* =========================================================================
   COLORS — Text
   ========================================================================= */

    --snhu-ap-color-text-primary: #000;
    --snhu-ap-color-text-secondary: #666666;
    --snhu-ap-color-text-inverse: #ffffff;
    --snhu-ap-color-text-link: #0069A7;
    --snhu-ap-color-text-dark: #1A1A1A;
    --snhu-ap-color-text-muted: #474747;
    --snhu-ap-color-gray-basicInfo: #313131;
    --snhu-ap-button-text-color: #004274;
    --snhu-ap-progress-bar-text-color: #333333;
    --snhu-ap-progress-bar-muted-text-color: #727577;
    --snhu-ap-next-button: #FFF;
    --snhu-ap-color-link-blue: #0A3370;
    --snhu-ap-color-text-gray: #0000008C;
    --snhu-ap-link-hover-blue: #082246;

/* =========================================================================
   COLORS — Semantic
   ========================================================================= */

    --snhu-ap-color-error: #c23934;
    --snhu-ap-color-success: #2e844a;
    --snhu-ap-color-warning: #fe9339;
    --snhu-ap-color-info: #0070d2;
    --snhu-ap-golden-yellow: #FDB913;
    --snhu-ap-golden-yellow-hover-background: #FEDE90;
    --snhu-ap-golden-yellow-outline: #00244E;
    --snhu-ap-progress-bar-icon-yellow-dark: #D29B39;
    --snhu-ap-blue-button-hover: #005188;

/* =========================================================================
   COLORS — Surface / Background
   ========================================================================= */

    --snhu-ap-color-background: #ffffff;
    --snhu-ap-color-background-alt: #f4f6f9;
    --snhu-ap-color-background-light-gray: #F5F5F5;
    --snhu-ap-color-background-footer: #D9D9D980;
    --snhu-ap-color-border: #e5e5e5;
    --snhu-ap-color-border-light: #ddd;
    --snhu-ap-header-background: linear-gradient(180deg, #F5F5F5 0%, #FFF 100%); /* Custom header background as per design spec */
    --snhu-ap-footer-background: #D9D9D980; /* Custom footer background as per design spec */
    --snhu-ap-golden-button-hover: #fee097;
    --snhu-ap-progress-bar-background: #C4C6CA;
    --snhu-action-item-icon-green-background: #43ff64d9;
    --snhu-action-item-icon-blue-background: #0a33701a;
    --snhu-action-item-icon-yellow-background: #FDB9131A;
    --snhu-action-item-shadow-black: rgba(0, 0, 0, 0.20);
     --snhu-ap-progress-bar-icon-yellow: #D29B39;

/* =========================================================================
   COLORS — Grayscale
   ========================================================================= */

    --snhu-ap-color-gray-900: #1A1A1A;
    --snhu-ap-color-gray-700: #474747;
    --snhu-ap-color-gray-600: #737373;

/* =========================================================================
   BORDER RADIUS
   ========================================================================= */

    --snhu-ap-border-radius-sm: 4px;
    --snhu-ap-border-radius-md: 8px;
    --snhu-ap-border-radius-lg: 16px;
    --snhu-ap-border-radius-full: 624.9375rem; /* 9999px for pill-shaped elements */

/* =========================================================================
   SHADOWS
   ========================================================================= */

    --snhu-ap-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --snhu-ap-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
    --snhu-ap-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
    --snhu-ap-shadow-contact-us: .0625rem .0625rem .25rem 0 rgba(0, 0, 0, 0.25);
    --snhu-ap-border-contact-us: .0625rem solid rgba(0, 0, 0, 0.10);



    
/* =========================================================================
   BORDER WIDTH
   ========================================================================= */
    --snhu-ap-border-width-xsm: 0.125rem;
    --snhu-ap-border-width-sm: 0.25rem;
    --snhu-ap-border-width-md: 0.5rem;
    --snhu-ap-border-width-lg: 1rem;
    --snhu-ap-border-width-full: 624.9375rem;

    /* =========================================================================
    SPACE
    ========================================================================= */
     --snhu-speace-border-width-md: 0.5rem;

     /* =========================================================================
    SIZING
    ========================================================================= */
    --snhu-ap-sizing-zero: 0rem;
    --snhu-ap-sizing-xx-small : 0.25rem;
    --snhu-ap-sizing-cross-icon-top: 3.625rem; /* 58px */
    --snhu-ap-sizing-faq-topic-list-padding-left: 1.625rem;
    --snhu-ap-sizing-faq-loadmore-width: 17.125rem;
    --snhu-ap-sizing-faq-loadmore-min-width: 5.25rem;
    --snhu-ap-sizing-faq-loadmore-height: 2.625rem;
    --snhu-ap-sizing-faq-loadmore-margin-top: 2rem;
}