/*
 * Policy Currents - Shared Theme
 *
 * This file contains CSS custom properties (variables) and shared styles
 * that are used across all pages. Changes here will automatically apply
 * to index.html, article.html, paper1.html, and any future pages.
 */

/* ============================================
   CSS Custom Properties (Design Tokens)
   ============================================ */

:root {
    /* Light Mode Palette */
    --color-page: #faf9f7;       /* Background */
    --color-ink: #1a1a1a;        /* Primary Text */
    --color-sub: #6b6b6b;        /* Secondary Text */
    --color-accent: #5c1a22;     /* Accent (Burgundy) */
    --color-gold: #b8952f;       /* Highlight (Gold) */

    /* Dark Mode Palette (Used for Footer/Inverted Sections) */
    --color-night: #1a1a1a;      /* Dark Background */
    --color-paper: #e8e6e3;      /* Dark Primary Text */
    --color-night-sub: #9a9a9a;  /* Dark Secondary */
    --color-night-accent: #c45c6a;
    --color-night-gold: #d4b454;

    /* Typography */
    --font-sans: 'Inter', sans-serif;
    --font-serif: 'Playfair Display', serif;
}

/* ============================================
   Selection Styling
   ============================================ */

::selection {
    background: var(--color-gold);
    color: var(--color-page);
}

/* ============================================
   Drop Cap (for article pages)
   ============================================ */

.drop-cap::first-letter {
    font-family: var(--font-serif);
    font-size: 3.5rem;
    line-height: 0.8;
    font-weight: 700;
    float: left;
    margin-right: 0.75rem;
    margin-top: 0.25rem;
    color: var(--color-accent);
}

/* ============================================
   Utility Classes
   ============================================ */

/* Smooth image hover effect */
.img-hover {
    transition: transform 700ms ease;
}

.img-hover:hover {
    transform: scale(1.05);
}

/* Subtle sepia filter for images */
.img-sepia {
    filter: sepia(0.05);
}

.img-sepia-strong {
    filter: sepia(0.1);
}