/* Early Version — the Atacama blog server's look, on the Newslettr reader.

   Loaded last by the "earlyversion" theme, after the ported Atacama
   stylesheets (base, components, flash, themes/atacama, pages/stream). Those
   carry the old look; this file only undoes the parts of the reader's own
   main.css (always loaded first) that the Atacama files never had to fight,
   so pages render as they did under the atacama binary. */

html {
    background: var(--color-background);
}

body {
    font-family: var(--font-family-base);
    font-size: var(--font-size-base);
    line-height: var(--line-height-base);
    background: var(--color-background);
    color: var(--color-text);
}

a {
    color: var(--color-primary);
    text-decoration: none;
}

a:hover {
    color: var(--color-primary-hover);
    text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-family-base);
}

/* main.css styles .site-banner as a centered accent-colored strip. */
.site-banner {
    color: var(--color-text);
    font-family: var(--font-family-base);
    font-size: inherit;
    font-weight: normal;
    letter-spacing: normal;
    text-align: left;
}

.site-banner .site-title a {
    color: inherit;
    text-decoration: none;
}

/* The header's controls: the theme toggle and logout are a <button> and a
   <form>, which need to sit in the button row like the links around them. */
.channel-dropdown .nav-form {
    display: inline-flex;
    margin: 0;
}

/* main.css gives .theme-toggle a square outline; Atacama's .theme-button is
   round, and pinned top-right by .theme-switcher. */
.theme-switcher .theme-toggle {
    cursor: pointer;
    font-family: inherit;
    line-height: 1;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    border: 1px solid var(--color-border);
    background: var(--color-background);
    color: var(--color-text);
}

button.nav-link-button {
    font-family: inherit;
    cursor: pointer;
}

/* main.css narrows the column to 860px; Atacama's page-container sets it. */
.main-content {
    max-width: none;
    margin: 0;
    padding: 0;
}

/* The subscribe toggle in a topic stream's navigation bar is a form button
   styled as one of the bar's links. */
.channel-navigation .nav-form {
    display: inline;
    margin: 0;
}

.channel-navigation button.channel-link {
    background: none;
    border: none;
    padding: 0;
    font: inherit;
    color: var(--color-primary);
    cursor: pointer;
}

.channel-description {
    color: var(--color-text-secondary);
}

.stream-message .message-channel {
    text-decoration: none;
}