/**
 * SNAPSMACK - Dark variant for Rational Geo
 * v1.0
 *
 * Cover shot drama: deep black page, yellow accents, white text.
 * The dramatic NatGeo cover aesthetic.
 */

/*
 * SNAPSMACK_EOF_HEADER
 * Last non-empty line of this file MUST be the canonical CSS EOF
 * marker: slash-star, space, five equals, space, the literal string
 * 'SNAPSMACK EOF', space, five equals, space, star-slash.
 * (Authoritative byte sequence: tools/check-eof.py EOF_MARKERS['.css'].)
 * Missing or different = truncated/corrupted. Restore before saving.
 */



:root {
    --rg-bg-page:       #0a0a0a;     /* deep black */
    --rg-bg-secondary:  #151515;     /* slightly lifted */
    --rg-bg-chrome:     #1a1a1a;     /* UI surfaces */
    --rg-bg-drawer:     #111111;     /* info/comment drawers */
    --rg-border:        #2a2a2a;     /* subtle borders */
    --rg-border-light:  #1f1f1f;     /* very subtle dividers */
    --rg-text-primary:  #e8e8e8;     /* light text */
    --rg-text-secondary:#aaaaaa;     /* secondary */
    --rg-text-dim:      #666666;     /* captions, labels */
    --rg-text-bright:   #ffffff;     /* headlines */
    --rg-accent:        #FFCC00;     /* NatGeo yellow */
    --rg-accent-dark:   #FFD633;     /* yellow hover (lighter on dark bg) */
    --rg-accent-muted:  rgba(255, 204, 0, 0.1);  /* yellow tint */
    --rg-link:          #e8e8e8;     /* light links */
    --rg-link-hover:    #FFCC00;     /* links go yellow on hover */
    --rg-input-bg:      #1a1a1a;     /* form fields */
    --rg-overlay-bg:    rgba(10, 10, 10, 0.97);

    --rg-shadow:        0 2px 8px rgba(0,0,0,0.3);
    --rg-shadow-hover:  0 4px 16px rgba(0,0,0,0.5);
    --rg-nav-color:     #ffffff;
    --rg-nav-dim:       rgba(255, 255, 255, 0.3);
}
/* ===== SNAPSMACK EOF ===== */
