/*
 * SoundSpots brand palette, derived from the logo:
 *   wordmark   #1E160A   (near-black, warm)
 *   amber mark #8A4E16
 *   amber soft #A0622A
 *   parchment  #FDFBF7
 */

:root {
    /* Header and other "primary" surfaces — near-black */
    --md-primary-fg-color:           #1E160A;
    --md-primary-fg-color--light:    #3A2A14;
    --md-primary-fg-color--dark:     #100B05;
    --md-primary-bg-color:           #FDFBF7;
    --md-primary-bg-color--light:    rgba(253, 251, 247, 0.7);

    /* Accent — amber from the logo, used for links, hover, active nav */
    --md-accent-fg-color:            #8A4E16;
    --md-accent-fg-color--transparent: rgba(138, 78, 22, 0.1);
    --md-accent-bg-color:            #FDFBF7;
    --md-accent-bg-color--light:     rgba(253, 251, 247, 0.7);
}

[data-md-color-scheme="slate"] {
    /* Dark mode keeps near-black header and brightens amber for contrast */
    --md-primary-fg-color:           #1E160A;
    --md-primary-fg-color--light:    #3A2A14;
    --md-primary-fg-color--dark:     #100B05;
    --md-accent-fg-color:            #C97D3F;
    --md-accent-fg-color--transparent: rgba(201, 125, 63, 0.15);
}

/* Bigger logo in the header */
.md-header__button.md-logo img,
.md-header__button.md-logo svg {
    height: 2.2rem;
    width: 2.2rem;
}