/* ============================================================
   BASE.CSS - Shared across ALL pages
   Universal variables, reset styles, and base typography
   ============================================================ */

/* Color & Layout Variables */
:root {
    --bg: #f8f6f1;
    --bg-alt: #f0ede6;
    --text: #2c2c2c;
    --text-light: #6b6b6b;
    --accent: #5c3d2e;
    --accent-light: #8b6f5e;
    --border: #d8d4cc;
    --tag-fact: #2e5c3d;
    --tag-fiction: #3d2e5c;
    --tag-faction: #5c2e3d;
    --max-width: 740px;
    --max-width-wide: 1080px;
}

/* Reset and Box Model */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Base Body Styles */
body {
    font-family: 'EB Garamond', Georgia, serif;
    background: var(--bg);
    color: var(--text);
    font-size: 19px;
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
}

/* Note: Font imports are loaded via Google Fonts link tags in HTML:
   EB Garamond: weights 400, 500, 600, 700 (regular and italic)
   Inter: weights 300, 400, 500, 600
   These stylesheets remain in individual HTML documents. */