/*
Theme Name: Orymera
Description: Orymera astrology and self-reflection theme.
Version: 0.2.0
Text Domain: orymera
*/

@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700&family=Newsreader:opsz,wght@6..72,400;6..72,500;6..72,600&display=swap');

:root {
    --orymera-ink: #25142b;
    --orymera-night: #1f1025;
    --orymera-night-2: #170b1c;
    --orymera-night-soft: #321b3b;
    --orymera-paper: #f0e6de;
    --orymera-paper-bright: #faf6f1;
    --orymera-warm-paper: #faf6f1;
    --orymera-mauve-soft: #b79aa6;
    --orymera-mauve: #8d6574;
    --orymera-paper-on-night: #e8dbd2;
    --orymera-gold: #c19b63;
    --orymera-accent: var(--orymera-gold);
    --orymera-gold-deep: #8b672f;
    --orymera-cta-fill: var(--orymera-night-soft);
    --orymera-cta-ink: var(--orymera-paper-bright);
    --orymera-cta-arrow: #d7b989;
    --orymera-cta-hover: #46294c;
    --orymera-plum: #8d6574;
    --orymera-label: #5f4a57;
    --orymera-lilac: #efe9f0;
    --orymera-lilac-rule: rgb(37 20 43 / 10%);
    --orymera-card: #fffdf9;
    --orymera-rule: rgb(37 20 43 / 16%);
    --orymera-rule-strong: rgb(37 20 43 / 20%);
    --orymera-muted: rgb(37 20 43 / 68%);
    /* 文字色阶 · 浅底（paper） */
    --orymera-text-strong: #3f303b;
    --orymera-text: #55424f;
    --orymera-text-muted: #6b5867;
    --orymera-text-faint: #9a8792;
    --orymera-text-disabled: #baaeb4;
    /* 文字色阶 · 夜底（night） */
    --orymera-on-night-strong: #f6eee7;
    --orymera-on-night: #d8c7bc;
    --orymera-on-night-muted: #c3b2bd;
    --orymera-on-night-faint: #a896a0;
    --orymera-display: "Newsreader", Georgia, serif;
    --orymera-body: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
    --orymera-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
    --orymera-r-xs: 4px;
    --orymera-r-sm: 8px;
    --orymera-r-button: 12px;
    --orymera-r-md: 14px;
    --orymera-r-lg: 20px;
    --orymera-r-pill: 999px;
    --orymera-focus: 2px solid var(--orymera-accent);
    --orymera-shadow-1: 0 8px 26px rgb(37 20 43 / 7%);
    --orymera-shadow-2: 0 18px 46px rgb(37 20 43 / 12%);
    --orymera-section-y: clamp(72px, 9vw, 116px);
    --orymera-section-y-sm: clamp(48px, 6vw, 72px);
    --orymera-width-wide: 1360px;
    --orymera-width-content: 1180px;
    --orymera-width-reading: 980px;
    --orymera-width-copy: 720px;
    --orymera-width-display: 760px;
    --orymera-width: var(--orymera-width-content);
    --orymera-gutter: clamp(24px, 4vw, 56px);
}

/* Shared theme-level reset. Page art direction lives in page-specific stylesheets. */
body.orymera-site {
    margin: 0;
    background: var(--orymera-paper);
    color: var(--orymera-ink);
}

.orymera-site,
.orymera-site * { box-sizing: border-box; }

.orymera-site { font-family: var(--orymera-body); }
.orymera-site h1,
.orymera-site h2,
.orymera-site h3 { font-family: var(--orymera-display); font-weight: 400; letter-spacing: -.04em; }
.orymera-site p { line-height: 1.65; }

.orymera-site img { max-width: 100%; }

body.orymera-site a:focus-visible {
    outline: var(--orymera-focus);
    outline-offset: 4px;
}