/*
Theme Name: Pre Uni Kogarah
Theme URI: https://preunikogarah.com.au
Author: Nijanthan Shankar
Author URI: https://nijanthanshankar.com
Description: Custom production WordPress theme for Pre Uni Kogarah Academic Learning Centre. Built to match the approved visual design (preunikogarahdesign.html) using semantic PHP, ACF Pro and vanilla JS. Includes a Programs CPT, Testimonials CPT, a Calendly-powered booking flow and an interactive program finder.
Version: 1.0.2
Requires at least: 6.0
Requires PHP: 8.0
Tested up to: 6.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: preuni-kogarah
*/

:root {
    --color-primary: #102A43;
    --color-primary-dark: #0B1F33;
    --color-accent: #B8E94E;
    --color-background: #F7F8F5;
    --color-white: #FFFFFF;
    --color-blue-light: #DDEBF4;
    --color-text: #17212B;
    --color-muted: #667085;
    --color-border: #D9E1E7;

    --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --radius-sm: 8px;
    --radius-md: 14px;
    --radius-lg: 24px;
    --container-width: 1200px;
    --header-height: 84px;
}

*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
    margin: 0;
    font-family: var(--font-body);
    color: var(--color-text);
    background: var(--color-background);
    line-height: 1.55;
    -webkit-font-smoothing: antialiased;
}

img { max-width: 100%; height: auto; display: block; }

a { color: inherit; text-decoration: none; }

button { font-family: inherit; cursor: pointer; }

h1, h2, h3, h4, h5, h6 { margin: 0 0 0.5em; font-weight: 700; line-height: 1.15; color: var(--color-primary); }

p { margin: 0 0 1em; }

ul { margin: 0; padding: 0; list-style: none; }

.container {
    width: 100%;
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 0 24px;
}

.visually-hidden {
    position: absolute !important;
    width: 1px; height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 3px solid var(--color-accent);
    outline-offset: 2px;
}

.skip-link {
    position: absolute;
    left: -9999px;
    top: auto;
    background: var(--color-primary);
    color: #fff;
    padding: 12px 20px;
    z-index: 10000;
    border-radius: 0 0 8px 0;
}
.skip-link:focus { left: 0; top: 0; }