/* ================================
   Dark Mode (auto, system preference)
   ================================ */

@media (prefers-color-scheme: dark) {

    /* Base backgrounds */
    html,
    body {
        background: #1a1a1a;
        color: #D0D0D0;
    }
    .content_wrapper {
        background: #1a1a1a;
    }

    /* Nav (.nav from inkandfeet.less) */
    .nav {
        background-color: #1a1a1a;
        color: #D0D0D0;
    }
    .nav a {
        color: #D0D0D0;
    }
    .nav .links a.current {
        color: #FFF;
        border-bottom-color: #FFF;
    }

    /* Nav (#nav from site.less) */
    #nav {
        background-color: #1a1a1a;
    }
    #nav a {
        background-color: #1a1a1a;
        color: #999;
    }
    #nav a:hover {
        color: #666;
    }
    #nav ul {
        background-color: #1a1a1a;
    }
    #nav ul.dropdown-menu {
        background-color: #1a1a1a;
    }

    /* Ink and Feet nav */
    .ink_and_feet_nav {
        background: #1a1a1a;
        color: #D0D0D0;
    }
    .ink_and_feet_nav a {
        color: #D0D0D0;
    }
    .ink_and_feet_nav.not_top {
        background: rgba(26, 26, 26, 0);
    }

    /* Typography */
    h1, h2, h4, h5, h6 {
        color: #F0F0F0;
    }
    h3 {
        color: #6BA8CE;
    }
    a {
        color: #FF8533;
    }
    p {
        color: #D0D0D0;
    }
    code {
        background: #2a2a2a;
        color: #D0D0D0;
    }
    code.hljs {
        background: transparent;
    }
    blockquote {
        border-left-color: #555;
    }
    cite {
        border-left-color: #444;
    }

    /* Horizontal rules */
    hr {
        border-color: #333;
    }

    /* Footer */
    .footer {
        background-color: #1a1a1a;
        color: #777;
    }
    .footer a {
        color: #777;
    }
    .footer.reader {
        color: #666;
    }
    .footer.reader a {
        color: #666;
    }

    /* Homepage */
    .home p {
        color: #D0D0D0;
    }
    .home .opening {
        color: #F0F0F0;
    }
    .home h3 {
        color: #F0F0F0;
    }

    /* Product list */
    .product_list .product,
    .product_list a.product {
        color: #D0D0D0;
        border-bottom-color: #333;
    }
    .product_list .product:first-child,
    .product_list a.product:first-child {
        border-top-color: #333;
    }
    .product_list .product:hover,
    .product_list a.product:hover {
        background-color: #252525;
    }
    .product_list .product .product_name,
    .product_list a.product .product_name {
        color: #F0F0F0;
    }
    .product_list .product .product_desc,
    .product_list a.product .product_desc {
        color: #B0B0B0;
    }
    .product_list .product .product_price,
    .product_list a.product .product_price {
        color: #FF8533;
    }
    .product_list .product.coming_soon .product_name {
        color: #999;
    }
    .product_list .product.coming_soon .product_price {
        color: #777;
    }

    /* Email signup */
    .email_signup {
        background: #242424;
    }
    .email_signup p {
        color: #D0D0D0;
    }
    .email_signup .email_input {
        background-color: #2a2a2a;
        border-color: #555;
        color: #D0D0D0;
    }
    .email_signup .email_input:focus {
        border-color: #FF8533;
    }
    .email_signup .signup_button {
        background-color: #FF8533;
    }
    .email_signup .signup_button:hover {
        background-color: #E56010;
    }
    .email_signup .signup_note {
        color: #777;
    }

    /* Tools page */
    .tools p {
        color: #D0D0D0;
    }
    .tools_grid .tool_card,
    .tools_grid a.tool_card {
        border-color: #333;
        color: #D0D0D0;
    }
    .tools_grid .tool_card:hover,
    .tools_grid a.tool_card:hover {
        border-color: #555;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    }
    .tools_grid .tool_card .tool_name,
    .tools_grid a.tool_card .tool_name {
        color: #F0F0F0;
    }
    .tools_grid .tool_card .tool_tagline,
    .tools_grid a.tool_card .tool_tagline {
        color: #FF8533;
    }
    .tools_grid .tool_card .tool_desc,
    .tools_grid a.tool_card .tool_desc {
        color: #B0B0B0;
    }
    .tools_grid .tool_card .tool_price,
    .tools_grid a.tool_card .tool_price {
        color: #F0F0F0;
    }
    .tools_grid .tool_card.coming_soon .tool_name {
        color: #999;
    }
    .tools_grid .tool_card.coming_soon .tool_price {
        color: #777;
    }

    /* Consulting page */
    .consulting p {
        color: #D0D0D0;
    }
    .consulting h3 {
        color: #F0F0F0;
    }
    .consulting ul li {
        color: #D0D0D0;
    }
    .consulting .consulting_cta {
        background: #242424;
    }

    /* Story page */
    .story p {
        color: #D0D0D0;
    }
    .story .story_intro {
        color: #F0F0F0;
    }
    .story h2 {
        color: #F0F0F0;
    }

    /* Fail page (projects/timeline) */
    .year .project {
        color: #D0D0D0;
    }
    .project .title {
        color: #F0F0F0;
    }
    .project .summary {
        color: #999;
    }
    .project .status {
        background-color: #555;
        color: #DDD;
    }
    .year .year_number {
        border-bottom-color: #444;
    }

    /* Content area */
    .content p,
    .content .paragraph,
    .content li,
    .content ul,
    .content ol,
    .content ul li,
    .content ol li {
        color: #D0D0D0;
    }
    .content img {
        box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
    }
    .content img.headshot {
        box-shadow: none;
    }

    /* Forms / inputs */
    .ph_form .form_input input,
    .ph_form .form_input textarea {
        background-color: #2a2a2a;
        border-color: #555;
        color: #D0D0D0;
    }
    .ph_form .question .help {
        color: #777;
    }
    .ph_form .helper {
        color: #666;
    }
    ::-webkit-input-placeholder {
        color: #666;
    }
    :-moz-placeholder {
        color: #666;
    }
    ::-moz-placeholder {
        color: #666;
    }
    :-ms-input-placeholder {
        color: #666;
    }

    /* Bubble badges */
    .bubble {
        background-color: #555;
    }

    /* Letter links */
    .letter_links a {
        color: #D0D0D0;
    }
    .letter_links a .description {
        border-bottom-color: #555;
    }
    .letter_links a .dash {
        color: #666;
    }

    /* Post content (blog) */
    .post .text_and_title {
        background: #1a1a1a;
    }
    .post .title a,
    .post .title a:hover,
    .post .title a:visited,
    .post .title a:active {
        color: #F0F0F0;
    }
    .post_content_area {
        background: #1a1a1a;
    }
    .after_post_content {
        background: #1a1a1a;
    }

    /* Screenshot borders */
    .screenshot {
        border-color: #444;
    }

    /* Explore */
    .explore .author {
        color: #555;
    }

    /* Boldish */
    .boldish {
        color: #FFF;
    }

    /* Signup blurb */
    .signup_blurb.post {
        border-color: #333;
        background-color: #242424;
    }

    /* Modal */
    #ink_ouibounce .modal {
        background: #242424;
    }

    /* Stories */
    .stories .story {
        border-color: #333;
        background-color: #1a1a1a;
    }
    .stories .story .caption {
        background-color: #1a1a1a;
        color: #D0D0D0;
    }

    /* CV page */
    .cv .event h3,
    .cv .publication h3 {
        color: #D0D0D0;
    }
    .cv .dated_event {
        border-color: #444;
        background: #242424;
    }
    .cv .dated_event .year {
        color: #555;
    }
    .cv .visa {
        background-color: #242424;
    }
    .cv .bio img.headshot {
        border-color: #444;
    }

    /* Misc */
    h1 .help {
        color: #666;
    }
    .support {
        background: #242424;
    }
    .byline {
        color: #666;
    }
    .author {
        color: #666;
    }
    .author a {
        color: #777;
    }

    /* Ink and Feet header/signup */
    .ink_and_feet_header,
    .ink_and_feet_signup {
        color: #D0D0D0;
    }
    .ink_and_feet_nav .links a.current {
        color: #FFF;
        border-color: #FFF;
    }

    /* Products (legacy) */
    .products .product {
        color: #B0B0B0;
        border-color: #333;
    }
    .products .product:hover {
        border-color: #333;
        color: #D0D0D0;
    }
    .products .product .text .title {
        color: #D0D0D0;
    }

    /* Writing pieces */
    .content.writing a.piece {
        color: #D0D0D0;
    }
    .content.writing a.piece .title .text {
        border-bottom-color: #666;
    }
    .content.writing a.piece .description {
        color: #999;
    }
    .content.writing b {
        color: #F0F0F0;
    }

    /* Related posts */
    .related_posts .post {
        border-color: #333;
    }
    a.related_post {
        color: #999;
    }
    a.related_post:hover {
        color: #F0F0F0;
    }
    a.related_post .post_title {
        color: #B0B0B0;
    }
    a.related_post:hover .post_title {
        color: #F0F0F0;
    }
    a.related_post .post_description {
        color: #777;
    }
    a.related_post:hover .post_description {
        color: #B0B0B0;
    }

    /* Webkit autofill override */
    input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0px 1000px #2a2a2a inset;
        -webkit-text-fill-color: #D0D0D0;
    }
}