/* Custom Matex Styles & Theme Overrides */

/* ── Typography ───────────────────────────────────────────── */
body {
    font-family: 'Open Sans', system-ui, -apple-system, sans-serif;
    font-size: 1rem;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #1f2937;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', system-ui, -apple-system, sans-serif;
    font-weight: 700;
    color: var(--mtx-blue);
    line-height: 1.25;
}

label {
    font-weight: 600;
    color: #1f2937;
}

/* ── Brand colour palette ─────────────────────────────────── */
:root {
    --mtx-blue:         #0C5192;
    --mtx-blue-light:   #1865B0;
    --mtx-blue-dark:    #003B75;
    --mtx-orange:       #FF870F;
    --mtx-orange-light: #FF971E;
    --mtx-orange-dark:  #FF7100;
}

/* DaisyUI emerald theme — remap primary → Matex blue, accent → Matex orange */
[data-theme="emerald"] {
    /* Primary: #1865B0 — oklch(46.82% 0.126 243.61) */
    --p:  46.82% 0.126 243.61;
    --pc: 100% 0 0;
    /* Accent: #FF870F — oklch(72% 0.185 47.5) */
    --a:  72% 0.185 47.5;
    --ac: 0% 0 0;
}

/* Gradient helpers */
.bg-mtx {
    background: linear-gradient(to right, var(--mtx-blue-light), var(--mtx-blue-dark));
}

/* DaisyUI btn-primary hover → orange */
[data-theme="emerald"] .btn-primary:hover,
[data-theme="emerald"] .btn-primary:focus-visible {
    background: linear-gradient(to right, var(--mtx-orange-light), var(--mtx-orange-dark));
    border-color: var(--mtx-orange-dark);
    color: #fff;
}

/* Input focus ring → orange */
[data-theme="emerald"] input:focus,
[data-theme="emerald"] select:focus,
[data-theme="emerald"] textarea:focus {
    outline: 2px solid var(--mtx-orange);
    outline-offset: 1px;
}

/* Utilities */
.text-matex-blue   { color: var(--mtx-blue); }
.text-matex-orange { color: var(--mtx-orange); }
.bg-matex-blue     { background-color: var(--mtx-blue); }

/* ── Navbar scoped styles ─────────────────────────────────── */
.navbar span,
.navbar p {
    color: #fff;
}

.navbar a {
    color: #fff;
    text-decoration: none;
    font-weight: 600;
}

.navbar a:hover {
    color: var(--mtx-orange-light);
}

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

.navbar li {
    list-style: none;
}

/* Dropdown menu items should revert to dark text on white background */
.navbar .dropdown-content a,
.navbar .dropdown-content span,
.navbar .dropdown-content li {
    color: #1f2937;
    padding: 5px;
    margin: 0px;
}

.navbar .dropdown-content a:hover {
    color: var(--mtx-blue);
}

/* ── Greeting ────────────────────────────────────────────── */
[data-greeting] {
    display: none;
}

@media (min-width: 640px) {
    [data-greeting] {
        display: inline;
    }
}

/* ── Animations ──────────────────────────────────────────── */
@keyframes fade-in {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
}

.animate-fade-in {
    animation: fade-in 0.2s ease-out;
}

/* Hide default <details> marker in all browsers */
details > summary { list-style: none; }
details > summary::-webkit-details-marker { display: none; }
details > summary::marker { display: none; content: ""; }