/* Design tokens for Bible Timeline - Editorial Style */

:root {
    /* Colors */
    --color-bg: #0a0a0a;
    --color-bg-dark: #000000;
    --color-text: #ffffff;
    --color-text-muted: rgba(255, 255, 255, 0.6);
    --color-text-dim: rgba(255, 255, 255, 0.35);
    --color-accent: #c9a962;
    --color-line: rgba(255, 255, 255, 0.15);

    /* Typography */
    --font-serif: 'Playfair Display', Georgia, 'Times New Roman', serif;
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    /* Year display */
    --year-font-size: clamp(3rem, 8vw, 9rem);
    --year-line-height: 0.85;

    /* Layout */
    --timeline-left: 15%;
    --content-left: 42%;
    --content-width: 48%;
    --era-right: 5%;

    /* Spacing */
    --space-xs: 0.5rem;
    --space-sm: 1rem;
    --space-md: 2rem;
    --space-lg: 4rem;
    --space-xl: 8rem;

    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-normal: 0.4s ease;
    --transition-slow: 0.8s ease;
}