/*
Theme Name:   DM's ARK (Astra Child)
Theme URI:    https://thedmsark.com
Description:  Custom child theme for The DM's ARK, built on Astra. Houses the bespoke front-page design (ported from dmsark-homepage.html) and the gold-on-ink design tokens used across the site.
Author:       The DM's ARK
Author URI:   https://thedmsark.com
Template:     astra
Version:      0.1.0
License:      GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  dmsark
*/

/* ──────────────────────────────────────────────────────────────────────────
   DESIGN TOKENS
   Ported verbatim from dmsark-homepage.html (the design source of truth).
   These are globally available so any block, page, or template in the site
   can reference them. Do not change these without updating the source HTML.
   ────────────────────────────────────────────────────────────────────────── */

:root {
    /* Gold scale */
    --gold-50:  #fdf7ed;
    --gold-100: #f9e8c4;
    --gold-200: #f5d48a;
    --gold-300: #eec055;
    --gold-400: #e8a830;
    --gold-500: #c98820;
    --gold-600: #b87d18;
    --gold-700: #8f5e10;
    --gold-800: #7a5010;
    --gold-900: #3d2806;

    /* Ink (text on dark) */
    --ink:   #0f0d0a;
    --ink-2: #1e1a14;
    --ink-3: #2c2519;
    --muted: #6b5e44;

    /* Borders */
    --border:       rgba(232, 168, 48, 0.18);
    --border-light: rgba(232, 168, 48, 0.09);

    /* Backgrounds */
    --bg:      #080604;
    --bg-2:    #100e09;
    --bg-3:    #17130c;
    --bg-card: #1a160e;

    /* Typography */
    --font-display: "Cinzel", Georgia, serif;
    --font-body:    "DM Sans", system-ui, sans-serif;

    /* Radii */
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --radius-xl: 22px;

    /* Effects */
    --glow: 0 0 40px rgba(232, 168, 48, 0.08);

    /* Section rhythm */
    --space-section:           96px;
    --space-section-md:        72px;
    --space-section-sm:        56px;
    --space-section-header:    64px;
    --space-section-header-md: 44px;
    --space-section-header-sm: 36px;
    --space-hero-top:    120px;
    --space-hero-top-md: 96px;
    --space-hero-top-sm: 88px;
}

/* ──────────────────────────────────────────────────────────────────────────
   GLOBAL OVERRIDES
   Light-touch overrides that apply site-wide (header, blog, pages, etc.).
   The heavy homepage-specific CSS lives in assets/css/homepage.css and is
   only enqueued on the front page.
   ────────────────────────────────────────────────────────────────────────── */

body {
    font-family: var(--font-body);
    background: var(--bg);
    color: rgba(253, 247, 237, 0.87);
    -webkit-font-smoothing: antialiased;
}

a {
    color: var(--gold-300);
}
a:hover,
a:focus {
    color: var(--gold-200);
}