/* =====================================================
   colors.css
   Paleta y variables de diseño — Siervas del Sagrado
   Corazón de Jesús y de los Pobres (SSCJP)
   Cargar ANTES que style.css.
   ===================================================== */

/* ============ Tokens ============ */
  :root{
    --paper:      #FAF7F0;
    --paper-2:    #F1E9D8;
    --paper-3:    #E7DAC0;
    --ink:        #1B2333;
    --ink-soft:   #55607A;
    --navy:       #16233F;
    --navy-2:     #101A30;
    --navy-3:     #0B1322;
    --navy-ink:   #FAF7F0;
    --navy-ink-soft: #B9C0D1;
    --red:        #C81E35;
    --red-ink:    #FBF7EE;
    --gold:       #C79A3B;
    --gold-ink:   #1B2333;
    --line:       #E1D5B8;
    --line-soft:  #ECE2CB;
    --shadow:     0 18px 40px -22px rgba(11,19,34,0.35);

    --font-display: 'Fraunces', 'Iowan Old Style', 'Palatino Linotype', serif;
    --font-body:    'Public Sans', -apple-system, 'Segoe UI', sans-serif;
    --font-mono:    'IBM Plex Mono', ui-monospace, 'SFMono-Regular', monospace;

    --container: 1180px;
    color-scheme: light;
  }

  :root[data-theme="dark"]{
    --paper:      #0E1220;
    --paper-2:    #141A2C;
    --paper-3:    #1B2338;
    --ink:        #EDE7D8;
    --ink-soft:   #AEB4C4;
    --navy:       #060A14;
    --navy-2:     #04070F;
    --navy-3:     #020408;
    --navy-ink:   #EDE7D8;
    --navy-ink-soft: #9AA3B8;
    --red:        #FF4757;
    --red-ink:    #2A0308;
    --gold:       #E4B85C;
    --gold-ink:   #241703;
    --line:       #2A3350;
    --line-soft:  #1E2540;
    --shadow:     0 18px 46px -22px rgba(0,0,0,0.6);
    color-scheme: dark;
  }