/**
 * Medicure Hospital brand theme
 * Source of truth for logo-aligned colors. Loaded after style.css.
 * Primary = MEDICURE wordmark blue; secondary accent = complementary teal.
 */

:root {
    /* Brand colors (from logo) */
    --color-primary: #087DB8;
    --color-primary-dark: #056394;
    --color-primary-light: #E8F5FC;

    --color-secondary: #227C7A;
    --color-secondary-dark: #195F5D;
    --color-secondary-light: #E8F5F3;

    /* Neutral colors */
    --color-background: #FFFFFF;
    --color-surface: #F5F8FA;
    --color-text: #263746;
    --color-text-muted: #667784;
    --color-border: #DCE5EA;

    /* Feedback colors */
    --color-success: #27845B;
    --color-warning: #D97706;
    --color-danger: #C43D45;

    /* Interaction */
    --color-focus: var(--color-primary);

    /* Bridge legacy theme tokens */
    --primary: var(--color-primary);
    --primary-hover: var(--color-primary-dark);
    --border-color: var(--color-border);
}

/* Active ClinicMaster skin used by layouts/frontend/app.blade.php */
html[data-theme-color="skin-4"] {
    --bs-body-bg: var(--color-background);
    --bs-body-color: var(--color-text-muted);
    --bs-heading-color: var(--color-text);
    --bs-heading-color-rgb: 38, 55, 70;

    --bs-primary: var(--color-primary);
    --bs-secondary: var(--color-text);
    --bs-light: var(--color-surface);

    --bs-primary-rgb: 8, 125, 184;
    --bs-secondary-rgb: 38, 55, 70;
    --bs-light-rgb: 245, 248, 250;

    --bs-primary-text-emphasis: var(--color-primary-dark);
    --bs-secondary-text-emphasis: #1a2733;
    --bs-light-text-emphasis: var(--color-text-muted);

    --bs-primary-bg-subtle: var(--color-primary-light);
    --bs-secondary-bg-subtle: #eef2f5;
    --bs-light-bg-subtle: #fbfcfd;

    --bs-primary-border-subtle: #b7dcf0;
    --bs-secondary-border-subtle: var(--color-border);
    --bs-light-border-subtle: #eef2f5;

    --bs-primary-btn-hover-bg: var(--color-primary-dark);
    --bs-primary-btn-hover-border-color: var(--color-primary-dark);
    --bs-secondary-btn-hover-bg: #1a2733;
    --bs-secondary-btn-hover-border-color: #1a2733;
    --bs-light-btn-hover-bg: #e4eaee;
    --bs-light-btn-hover-border-color: #e4eaee;

    --bs-link-color: var(--color-primary);
    --bs-link-hover-color: var(--color-primary-dark);
    --bs-focus-ring-color: rgba(8, 125, 184, 0.35);
}

html[data-theme-color="skin-4"] .site-header.style-2 .nav > li.menu-item-has-children.active > a:after,
html[data-theme-color="skin-4"] .site-header.style-2 .nav > li.menu-item-has-children:hover > a:after,
html[data-theme-color="skin-4"] .site-header.style-2 .nav > li.sub-menu-down.active > a:after,
html[data-theme-color="skin-4"] .site-header.style-2 .nav > li.sub-menu-down:hover > a:after {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0L7.69706 4.30294L12 6L7.69706 7.69706L6 12L4.30294 7.69706L0 6L4.30294 4.30294L6 0Z' fill='%23087DB8'/%3E%3C/svg%3E");
}

/* Accent helpers for teal complementary usage */
.text-brand-accent,
.medicure-accent {
    color: var(--color-secondary) !important;
}

.bg-brand-accent {
    background-color: var(--color-secondary) !important;
}

.bg-brand-surface {
    background-color: var(--color-surface) !important;
}

/* Focus visibility aligned to brand */
a:focus-visible,
button:focus-visible,
.btn:focus-visible,
.form-control:focus,
.form-select:focus,
.nav-link:focus-visible {
    outline-color: var(--color-focus);
}

.form-control:focus,
.form-select:focus {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 0.2rem rgba(8, 125, 184, 0.2);
}

/* Availability / status semantics — preserve meaning, keep brand-compatible */
.doctor-availability-badge.is-unavailable,
.token-status-unavailable,
.token-status-closed {
    background: #fee2e2;
    color: var(--color-danger);
}

.token-status-available {
    background: #dcfce7;
    color: var(--color-success);
}