/* === VEOX BRAND COLORS === */
/* Pink Star: #f65573 | Vitamin Piss Yellow: #f2fe39 | Ballsee Blue: #38abbb */

/* --- LIGHT MODE --- */
[data-md-color-scheme="default"] {
    /* Primary Color: Ballsee Blue */
    --md-primary-fg-color: #38abbb;
    --md-primary-fg-color--light: #5dc5d3;
    --md-primary-fg-color--dark: #268694;

    /* Accent Color: Pink Star */
    --md-accent-fg-color: #f65573;
    --md-accent-fg-color--transparent: rgba(246, 85, 115, 0.1);

    /* Highlight/Selection Color */
    --md-typeset-a-color: #f65573;
}

/* Enforce black L1 headings in Light Mode */
[data-md-color-scheme="default"] h1,
[data-md-color-scheme="default"] .md-content__inner h1 {
    color: black !important;
}

/* Logo toggling for Light Mode */
[data-md-color-scheme="default"] img.logo-dark {
    display: none !important;
}

/* --- DARK MODE --- */
[data-md-color-scheme="slate"] {
    /* Primary Color: Pink Star (Pops well on dark) */
    --md-primary-fg-color: #f65573;
    --md-primary-fg-color--light: #ff7b93;
    --md-primary-fg-color--dark: #d63756;

    /* Accent Color: Vitamin Piss Yellow */
    --md-accent-fg-color: #f2fe39;
    --md-accent-fg-color--transparent: rgba(242, 254, 57, 0.1);

    /* Highlight/Selection Color */
    --md-typeset-a-color: #f2fe39;
}

/* Enforce black L1 headings in Light Mode */
[data-md-color-scheme="slate"] h1,
[data-md-color-scheme="slate"] .md-content__inner h1 {
    color: white !important;
}

/* Logo toggling for Dark Mode */
[data-md-color-scheme="slate"] img.logo-light {
    display: none !important;
}

/* 
[data-md-color-scheme="slate"] .md-header .md-logo img {
    content: url("../assets/VEOX_dark.png");
} */

/* Example: Customize the header */
.md-header {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}

/* Example: Customizing inline code snippets */
code {
    color: var(--md-accent-fg-color);
    background-color: var(--md-accent-fg-color--transparent);
    padding: 0.1em 0.3em;
    border-radius: 4px;
}

/* Custom Fonts & Headings */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;400;600&display=swap');

body,
input,
textarea,
btn {
    font-family: 'Inter', sans-serif !important;
    font-size: 9pt !important;
    font-weight: 400 !important;
    /* Normal */
}

/* L1 Headings */
h1,
.md-content__inner h1 {
    font-family: 'Inter', sans-serif !important;
    font-weight: 200 !important;
    /* Extra Light */
    font-size: 30pt !important;
    text-transform: uppercase !important;
}

/* L2 Headings */
h2,
.md-content__inner h2 {
    font-family: 'Inter', sans-serif !important;
    font-weight: 200 !important;
    /* Extra Light */
    font-size: 24pt !important;
    text-transform: uppercase !important;
}

/* Subtitle Styling */
.veox-subtitle {
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    /* Semi Bold */
    font-size: 12pt !important;
}

/* Step Number Styling in h3 */
.veox-step {
    color: #f65573 !important;
    /* Pink Star */
}