/**
 * Shared site styles – edit this file for fonts, colors, and shared typography.
 * Used by: index.html, gallery.html, articles/*.html
 */

/* ========== FONTS (Google Fonts) ========== */
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Allura&display=swap');

/* ========== DESIGN TOKENS ========== */
:root {
  /* Colors */
  --color-bg-primary: #f5f0e8;
  --color-text-primary: #1a1a1a;
  --color-text-secondary: #555555;
  --color-text-heading: #333333;
  --color-text-tertiary: #888888;
  --color-accent: #6b5b95;
  --color-accent-hover: #5a4d7a;
  --color-lavender: #867abf;

  /* Font families */
  --font-serif: 'EB Garamond', serif;
  --font-jakarta: 'Plus Jakarta Sans', sans-serif;
  --font-display: 'Allura', cursive;

  /* Shared typography (Jakarta Sans elements) */
  --text-nav: 0.875rem;           /* resume, back links */
  --text-article-meta: 13px;      /* date */
  --text-article-description: 0.875rem;  /* subtitle under article title */
  --text-article-body: 1rem;      /* article paragraphs & lists */
}

/* ========== SHARED UTILITY CLASSES ========== */
/* Use these on resume, back, article description, date, article body, article list */

.link-nav {
  font-family: var(--font-jakarta);
  font-size: var(--text-nav);
}

.article-date {
  font-family: var(--font-jakarta);
  font-size: var(--text-article-meta);
}

.article-description {
  font-family: var(--font-jakarta);
  font-size: var(--text-article-description);
}

.article-body {
  font-family: var(--font-jakarta);
  font-size: var(--text-article-body);
}

.article-list {
  font-family: var(--font-jakarta);
  font-size: var(--text-article-body);
}