:root {
    /* Typography */
    --font-display: "Anton", "Arial Narrow", sans-serif; /* logo, section titles, category headers */
    --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --font-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

    --font-size-body-min: 1.05rem;
    --font-size-body-max: 1.25rem;
    --font-size-body-fluid: calc(1rem + 0.35vw);
    --font-size-h1-min: 2.25rem;
    --font-size-h1-max: 3.25rem;
    --font-size-h1-fluid: calc(1.75rem + 2vw);
    --font-size-h2-min: 1.9rem;
    --font-size-h2-max: 2.6rem;
    --font-size-h2-fluid: calc(1.4rem + 1.5vw);
    --font-size-h3-min: 1.45rem;
    --font-size-h3-max: 2rem;
    --font-size-h3-fluid: calc(1.1rem + 1vw);
    --font-size-h4-min: 1.25rem;
    --font-size-h4-max: 1.6rem;
    --font-size-h4-fluid: calc(1rem + 0.6vw);
    --font-size-h5-min: 1.1rem;
    --font-size-h5-max: 1.35rem;
    --font-size-h5-fluid: calc(0.95rem + 0.4vw);
    --font-size-h6-min: 1rem;
    --font-size-h6-max: 1.15rem;
    --font-size-h6-fluid: calc(0.9rem + 0.25vw);
    --line-height-body: 1.7;
    --line-height-heading: 1.15;

    /* Colors - Just Viral: Bold & Energetic */
    --color-primary: #ff3b3b;        /* vivid red */
    --color-primary-hover: #e22a2a;
    --color-heading: #18181b;        /* near-black headlines */
    --color-accent: #7c3aed;         /* electric purple */
    --color-accent-2: #06b6d4;       /* cyan */
    --color-text-dark: #18181b;
    --color-text-medium: #52525b;
    --color-text-light: #71717a;
    --color-background: #ffffff;
    --color-background-light: #f4f4f5;
    --color-border-light: #f1f1f3;
    --color-border: #e4e4e7;
    --color-footer-bg: #18181b;      /* dark footer */
    --color-footer-border: #27272a;
    --color-footer-text: #ffffff;
    --color-copyright: #a1a1aa;

    /* Category accent colors (cycled in PHP via justviral_category_color) */
    --cat-funny: #f59e0b;
    --cat-awesome: #06b6d4;
    --cat-science: #3b82f6;
    --cat-animals: #10b981;
    --cat-weird: #7c3aed;
    --cat-artsy: #ec4899;
    --cat-videos: #ef4444;
    --cat-featured: #ff3b3b;
    --cat-default: #ff3b3b;

    /* Social Colors */
    --color-facebook: #1877f2;
    --color-facebook-hover: #0c63d4;
    --color-twitter: #18181b;
    --color-twitter-hover: #000000;
    --color-pinterest: #e60023;
    --color-pinterest-hover: #bd001c;
    --color-linkedin: #0077b5;
    --color-linkedin-hover: #005885;

    /* Form Colors */
    --color-error: #ef4444;
    --color-error-bg: #fef2f2;
    --color-error-text: #991b1b;
    --color-warning: #f59e0b;
    --color-warning-bg: #fffbeb;
    --color-warning-text: #92400e;

    /* Shape */
    --radius-card: 12px;
    --radius-pill: 9999px;
    --shadow-card: 0 1px 3px rgba(24,24,27,.08), 0 1px 2px rgba(24,24,27,.04);
    --shadow-card-hover: 0 12px 28px rgba(24,24,27,.16);
}