/*
Theme Name: Stoic Way
Theme URI: https://stoicway.co
Author: Long Nguyen
Author URI: https://stoicway.co
Description: A minimal, literary child theme of Twenty Twenty-Five for a Stoicism / minimalism blog with a WooCommerce shop. Paper-and-ink palette, Source Serif 4 + JetBrains Mono, editorial layouts.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 8.1
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfive
Text Domain: stoic-way
Tags: blog, e-commerce, one-column, custom-colors, custom-menu, editor-style, full-site-editing, block-patterns, wide-blocks
*/

/*
  Almost everything visual is driven by theme.json (colors, fonts, spacing,
  element styles). Keep this file for:
    1. The theme header above (required — this is what makes WP recognise the child theme).
    2. Small CSS escape-hatches that theme.json can't express:
       editorial flourishes the block editor has no setting for.
  Do NOT rebuild the whole design here — use theme.json + patterns first.
*/

/* Mono small-caps "eyebrow" label used above headings in patterns:
   add class `is-style-eyebrow` to a paragraph. */
.is-style-eyebrow {
  font-family: var(--wp--preset--font-family--mono);
  font-size: var(--wp--preset--font-size--x-small);
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--wp--preset--color--muted);
}

/* Drop-cap on the first paragraph of a post body. Add class to the post-content
   block, or rely on the core "Drop Cap" toggle which theme.json styles below. */
.sw-prose > p:first-of-type::first-letter {
  font-family: var(--wp--preset--font-family--serif);
  font-size: 5.2em;
  float: left;
  line-height: 0.85;
  padding: 0.06em 0.14em 0 0;
  color: var(--wp--preset--color--accent);
}

/* Hairline rule used between archive rows / footer columns. */
.sw-rule { border: 0; border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--contrast) 14%, transparent); }

/* Archive list row: № index · category · title · meta, with a hover wash. */
.sw-archive-row { transition: background .15s ease; }
.sw-archive-row:hover { background: color-mix(in srgb, var(--wp--preset--color--contrast) 4%, transparent); }

/* Underlined editorial link with offset, for inline "Read the post →" links. */
.is-style-quiet-link a, a.is-style-quiet-link {
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
  text-decoration-color: color-mix(in srgb, var(--wp--preset--color--contrast) 35%, transparent);
}