/*!
Theme Name: Apollo
Theme URI: http://underscores.me/
Author: Apollo
Author URI: https://apollo.dev
Description: Apollo Theme
Version: 1.5.1
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: apollo
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Apollo is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/* ============================================================
   SECTION: FONTS
   ============================================================ */
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300;400;500;700&display=swap");

/* ============================================================
   SECTION: VARIABLES
   ============================================================ */
:root{

    /* ---------- Layout ---------- */
    --pad-x:                    clamp(12px, 3vw, 40px);
    --logo-w:                   clamp(96px, 10vw, 140px);
    --container-w:               1200px;

    /* ---------- Radius ---------- */
    --radius-sm:                8px;
    --radius-lg:                16px;

    /* ---------- Motion ---------- */
    --transition-base:          .25s ease;

    /* ---------- Typography ---------- */
    --font-family-base:         'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --font-family-mono:         'Roboto Mono', "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
    --font-size-base:           17px;
    --line-height-base:         1.75;

    /* ---------- EXACT PALETTE COLORS ---------- */
    --color-primary:            #1D4ED8;
    --color-secondary:          #1A1F30;
    --color-text:               #F0F2F5;
    --color-accent:             #3B82F6;
    --color-transparent:        #00000000;
    --color-surface:            #0B0E17;
    --color-muted:              #6E7589;
    --color-warning:            #FBBF24;
    --color-danger:             #FD1839;
    --color-success:            #00BC77;
    --color-white:              #FFFFFF;
    --color-black:              #000000;
    --color-border:             #FFFFFF14;
}

/* ============================================================
   SECTION: RESET (normalize.css v8.0.1)
   ============================================================ */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
  background-color: var(--color-surface);
  font-family: var(--font-family-base);
}
main { display: block; }
h1 { font-size: 2em; margin: 0.67em 0; }
hr { box-sizing: content-box; height: 0; overflow: visible; }
pre { font-family: monospace, monospace; font-size: 1em; }
a { background-color: transparent; }
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }
b, strong { font-weight: bolder; }
code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
img { border-style: none; }
button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; appearance: button; }
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted buttontext; }
fieldset { padding: 0.35em 0.75em 0.625em; }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
progress { vertical-align: baseline; }
textarea { overflow: auto; }
[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"] { -webkit-appearance: textfield; appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
details { display: block; }
summary { display: list-item; }
template { display: none; }
[hidden] { display: none; }

.blog .site-main {
    padding: 100px 40px 60px 40px;
}
.site-main .page-title {
    color: var(--color-white);
    font-size: clamp(1.8rem, 3vw, 2.4rem);
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 40px;
}