/*
 * Australia theme for Bootstrap 5.3.8.
 * A clean, government-style palette: deep navy, warm sand and a muted wattle gold, with Noto Sans.
 * site.css only uses the --brand-* variables below, so another country site can swap this file.
 */

@font-face {
    font-family: "Noto Sans";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/noto-sans/noto-sans-latin-400-normal.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: "Noto Sans";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/noto-sans/noto-sans-latin-600-normal.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: "Noto Sans";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/noto-sans/noto-sans-latin-700-normal.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
    /* Brand palette (contrast ratios are against white unless stated) */
    --brand-primary: #141939;        /* deep navy: buttons, links, headings (17.1:1; white on it 17.1:1) */
    --brand-primary-dark: #0E1230;
    --brand-primary-darker: #090C22;
    --brand-primary-soft: #EAE4D9;   /* sand: hover fills, icon tiles, banners (navy on it 13.5:1) */
    --brand-gold: #E1AE53;           /* wattle gold: highlights on navy (8.5:1), decorative on light */
    --brand-gold-light: #EFCB86;
    --brand-star: #B8862F;           /* rating stars on white (3.2:1, non-text) */
    --brand-dark: #141939;
    --brand-dark-2: #232A57;
    --brand-accent: #8A5A1A;         /* kickers (5.9:1 on white, 4.7:1 on sand) */
    --brand-accent-dark: #6E4612;
    --brand-accent-soft: #F8E4D4;
    --brand-green: #2E6B4A;          /* "correct" text and do-lists (6.3:1, 5.0:1 on its soft fill) */
    --brand-green-mid: #3E8C60;      /* "correct" frames and badges (non-text, 4.1:1) */
    --brand-green-soft: #D8E8DF;
    --brand-danger: #94141D;         /* "incorrect" samples, don't-lists (8.8:1, 6.1:1 on its soft fill) */
    --brand-danger-dark: #761017;
    --brand-danger-soft: #EAD0D2;
    --brand-info: #3A7D79;           /* official callout stripe (4.8:1) */
    --brand-info-soft: #DBEBEA;
    --brand-warning: #DC7727;        /* warning stripe (decorative) */
    --brand-warning-text: #9A4A12;
    --brand-warning-soft: #F8E4D4;
    --brand-sand: #EAE4D9;
    --brand-sand-light: #F4F1EB;
    --brand-border: #ACAFB0;
    --brand-border-soft: #D6D3CC;
    --brand-ink: #0B1215;            /* body text (18.9:1) */
    --brand-muted: #4A4F57;          /* secondary text (8.2:1 on white, 6.5:1 on sand) */
    --brand-official-soft: #DBEBEA;
    --brand-shadow: 0 .25rem 1rem rgba(11, 18, 21, .14);
    --brand-shadow-hover: 0 .5rem 1.5rem rgba(11, 18, 21, .2);

    /* Bootstrap overrides */
    --bs-font-sans-serif: "Noto Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-line-height: 1.6;
    --bs-body-color: #0B1215;
    --bs-body-color-rgb: 11, 18, 21;
    --bs-emphasis-color: #141939;
    --bs-heading-color: #141939;
    --bs-secondary-color: #4A4F57;
    --bs-secondary-color-rgb: 74, 79, 87;
    --bs-border-color: #D6D3CC;
    --bs-primary: #141939;
    --bs-primary-rgb: 20, 25, 57;
    --bs-primary-text-emphasis: #141939;
    --bs-primary-bg-subtle: #EAE4D9;
    --bs-primary-border-subtle: #ACAFB0;
    --bs-success: #2E6B4A;
    --bs-success-rgb: 46, 107, 74;
    --bs-danger: #94141D;
    --bs-danger-rgb: 148, 20, 29;
    --bs-dark: #141939;
    --bs-dark-rgb: 20, 25, 57;
    --bs-link-color: #141939;
    --bs-link-color-rgb: 20, 25, 57;
    --bs-link-hover-color: #141939;
    --bs-link-hover-color-rgb: 20, 25, 57;
    --bs-link-decoration: underline;
    --bs-border-radius-sm: .125rem;
    --bs-border-radius: .25rem;
    --bs-border-radius-lg: .25rem;
    --bs-border-radius-xl: .375rem;
    --bs-focus-ring-color: rgba(20, 25, 57, .35);
}

.btn {
    --bs-btn-font-weight: 600;
    --bs-btn-border-width: 2px;
    --bs-btn-border-radius: .25rem;
    letter-spacing: -.005em;
}

.btn-lg {
    --bs-btn-padding-y: .8rem;
    --bs-btn-padding-x: 1.4rem;
    --bs-btn-font-size: 1.0625rem;
    --bs-btn-border-radius: .25rem;
}

.btn-sm {
    --bs-btn-border-radius: .25rem;
}

/* Navy button; inverts to sand on hover */
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--brand-primary);
    --bs-btn-border-color: var(--brand-primary);
    --bs-btn-hover-color: var(--brand-primary);
    --bs-btn-hover-bg: var(--brand-sand);
    --bs-btn-hover-border-color: var(--brand-primary);
    --bs-btn-active-color: var(--brand-primary);
    --bs-btn-active-bg: #DDD4C4;
    --bs-btn-active-border-color: var(--brand-primary);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--brand-primary);
    --bs-btn-disabled-border-color: var(--brand-primary);
    --bs-btn-focus-shadow-rgb: 20, 25, 57;
}

/* Outlined navy button; fills navy on hover */
.btn-outline-primary {
    --bs-btn-color: var(--brand-primary);
    --bs-btn-border-color: var(--brand-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--brand-primary);
    --bs-btn-hover-border-color: var(--brand-primary);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--brand-primary-dark);
    --bs-btn-active-border-color: var(--brand-primary-dark);
    --bs-btn-focus-shadow-rgb: 20, 25, 57;
}

.btn-outline-light {
    --bs-btn-hover-color: var(--brand-dark);
}

/* Gold button for navy backgrounds (navbar, CTA cards, footer): navy text on gold 8.5:1 */
.btn-gold {
    --bs-btn-color: var(--brand-primary);
    --bs-btn-bg: var(--brand-gold);
    --bs-btn-border-color: var(--brand-gold);
    --bs-btn-hover-color: var(--brand-primary);
    --bs-btn-hover-bg: var(--brand-sand);
    --bs-btn-hover-border-color: var(--brand-sand);
    --bs-btn-active-color: var(--brand-primary);
    --bs-btn-active-bg: #D39A36;
    --bs-btn-active-border-color: #D39A36;
    --bs-btn-focus-shadow-rgb: 225, 174, 83;
}

.text-primary { color: var(--brand-primary) !important; }
.bg-brand-dark { background-color: var(--brand-dark) !important; }
.bg-brand-sand { background-color: var(--brand-sand) !important; }
.text-accent { color: var(--brand-accent) !important; }

.badge-accent {
    background-color: var(--brand-sand);
    color: var(--brand-primary);
    border-radius: .25rem;
}

.dropdown-menu {
    --bs-dropdown-border-color: var(--brand-border);
    --bs-dropdown-border-radius: .25rem;
    --bs-dropdown-link-color: var(--brand-primary);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: var(--brand-primary);
    --bs-dropdown-link-hover-bg: var(--brand-sand);
    --bs-dropdown-link-hover-color: var(--brand-primary);
    --bs-dropdown-box-shadow: var(--brand-shadow);
}

.form-control:focus,
.btn:focus-visible {
    border-color: var(--brand-primary);
}