/* ============================================
   PBC Form Styles - Reusable Form Components
   ============================================ */

/* Font Face Declarations */

/* Chromatica Font for English Headlines */
@font-face {
    font-family: 'Chromatica';
    src: url('/fonts/Chromatica/Chromatica-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Red Hat Text Font for English Body */
@font-face {
    font-family: 'Red Hat Text';
    src: url('/fonts/RedHatText/RedHatText-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Red Hat Text';
    src: url('/fonts/RedHatText/RedHatText-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Red Hat Text';
    src: url('/fonts/RedHatText/RedHatText-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Noto Sans HK for Traditional Chinese (Hong Kong) */
@font-face {
    font-family: 'Noto Sans HK';
    src: url('/fonts/NotoSansHK/NotoSansHK-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans HK';
    src: url('/fonts/NotoSansHK/NotoSansHK-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans HK';
    src: url('/fonts/NotoSansHK/NotoSansHK-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Noto Sans SC for Simplified Chinese */
@font-face {
    font-family: 'Noto Sans SC';
    src: url('/fonts/NotoSansSC/NotoSansSC-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans SC';
    src: url('/fonts/NotoSansSC/NotoSansSC-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans SC';
    src: url('/fonts/NotoSansSC/NotoSansSC-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* ============================================
   CSS Variables - Color Palette
   ============================================ */

:root {
    /* Primary Colors */
    --pbc-primary: #1B3FAE;
    --pbc-primary-light: #2952CC;

    /* Secondary Colors */
    --pbc-secondary: #F5B800;
    --pbc-secondary-light: #FFD54F;

    /* Dark Colors */
    --pbc-dark-blue: #0A1628;
    --pbc-navy: #162352;

    /* Light Colors */
    --pbc-light-blue: #E8F0FE;
    --pbc-accent-blue: #4285F4;
    --pbc-light-gray: #F8FAFC;
    --pbc-white: #FFFFFF;

    /* Neutral Colors */
    --pbc-gray: #64748B;

    /* Status Colors */
    --pbc-success: #10B981;
    --pbc-error: #EF4444;
}

/* ============================================
   Font Application Rules
   ============================================ */

* {
    box-sizing: border-box;
}

/* English */
html.lang-en .headline {
    font-family: 'Chromatica', sans-serif !important;
    font-weight: 700 !important;
}

html.lang-en .subhead {
    font-family: 'Chromatica', sans-serif !important;
    font-weight: 700 !important;
}

html.lang-en .standfirst {
    font-family: 'Red Hat Text', sans-serif !important;
    font-weight: 500 !important;
}

html.lang-en .body {
    font-family: 'Red Hat Text', sans-serif !important;
    font-weight: 400 !important;
}

html.lang-en .body-500 {
    font-family: 'Red Hat Text', sans-serif !important;
    font-weight: 500 !important;
}

html.lang-en .rh-700 {
    font-family: 'Red Hat Text', sans-serif !important;
    font-weight: 700 !important;
}



/* TC */
html.lang-zh-hk .headline {
    font-family: 'Noto Sans HK', sans-serif !important;
    font-weight: 700 !important;
}

html.lang-zh-hk .subhead {
    font-family: 'Noto Sans HK', sans-serif !important;
    font-weight: 700 !important;
}

html.lang-zh-hk .standfirst {
    font-family: 'Noto Sans HK', sans-serif !important;
    font-weight: 500 !important;
}


html.lang-zh-hk .body {
    font-family: 'Noto Sans HK', sans-serif !important;
    font-weight: 400 !important;
}

html.lang-zh-hk .body-500 {
    font-family: 'Noto Sans HK', sans-serif !important;
    font-weight: 500 !important;
}


/* SC */
html.lang-zh-cn .headline {
    font-family: 'Noto Sans SC', sans-serif !important;
    font-weight: 700 !important;
}

html.lang-zh-cn .subhead {
    font-family: 'Noto Sans SC', sans-serif !important;
    font-weight: 700 !important;
}

html.lang-zh-cn .standfirst {
    font-family: 'Noto Sans SC', sans-serif !important;
    font-weight: 500 !important;
}

html.lang-zh-cn .body {
    font-family: 'Noto Sans SC', sans-serif !important;
    font-weight: 400 !important;
}

html.lang-zh-cn .body-500 {
    font-family: 'Noto Sans SC', sans-serif !important;
    font-weight: 500 !important;
}