/*
Theme Name: Sid's Dark Portfolio
Theme URI: https://sidsportfolio.local
Author: Sidharth Annapragada
Description: A minimal, dark-mode block theme for an engineering/hardware portfolio. Graphite background, pearl text, Space Grotesk headings, JetBrains Mono accents. Built as a Full Site Editing theme so layout, colors, and typography are all adjustable from Appearance > Editor > Styles without touching code.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.6
Requires PHP: 7.4
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sids-dark-portfolio
*/

/* Most styling lives in theme.json (colors, type, spacing -- all editable
   via Appearance > Editor > Styles). This file only covers the handful of
   things theme.json can't express directly. */

::selection {
    background: var(--wp--preset--color--accent);
    color: var(--wp--preset--color--background);
}

a {
    text-decoration-color: var(--wp--preset--color--line);
    text-underline-offset: 3px;
    transition: color .2s ease, text-decoration-color .2s ease;
}
a:hover {
    text-decoration-color: var(--wp--preset--color--accent);
}

/* Keyboard focus should be visible against a dark background */
:where(a, button, input, textarea, select, summary):focus-visible {
    outline: 2px solid var(--wp--preset--color--accent);
    outline-offset: 2px;
}

code, pre, kbd {
    font-family: var(--wp--preset--font-family--mono);
    background: var(--wp--preset--color--surface);
    border: 1px solid var(--wp--preset--color--line);
    border-radius: 6px;
}
code, kbd { padding: 2px 6px; font-size: 0.9em; }
pre { padding: 1rem; overflow-x: auto; }
pre code { border: none; padding: 0; background: none; }

/* Site title / tagline in the header */
.wp-block-site-title a { color: var(--wp--preset--color--pearl); text-decoration: none; }
.wp-block-site-tagline {
    font-family: var(--wp--preset--font-family--mono);
    font-size: 12px;
    color: var(--wp--preset--color--pearl-faint);
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

/* Navigation menu */
.wp-block-navigation a {
    text-decoration: none;
    color: var(--wp--preset--color--pearl-dim);
}
.wp-block-navigation a:hover,
.wp-block-navigation .current-menu-item > a {
    color: var(--wp--preset--color--pearl);
}

/* Footer */
.site-footer {
    border-top: 1px solid var(--wp--preset--color--line);
    color: var(--wp--preset--color--pearl-faint);
    font-family: var(--wp--preset--font-family--mono);
    font-size: 12px;
}

/* Images: soft rounding by default so photos/renders feel consistent
   with the rest of the dark, blended aesthetic */
.wp-block-image img,
.wp-block-media-text__media img {
    border-radius: 12px;
}

/* Subtle card look for groups explicitly marked "is-style-card" so pages
   can have boxed sections without needing custom CSS each time */
.is-style-card {
    background: var(--wp--preset--color--surface);
    border: 1px solid var(--wp--preset--color--line);
    border-radius: 16px;
    padding: 1.8rem;
}