/* Paleta Brasa — ThemeVariant.ember.
   Fuente de verdad: RuseApp/DesignSystem/ThemePalette.swift.
   Si cambia allí, cambia aquí. */

:root {
  /* Superficies */
  --ruse-page:        #FBF8F6;
  --ruse-surface:     #FFFFFF;
  --ruse-raised:      #FBF8F6;

  /* Las fotos son claras de origen; en oscuro deslumbran contra #0B0A0A. */
  --ruse-photo-dim:   1;

  /* Tinta */
  --ruse-ink:         #1A1614;
  --ruse-ink-2:       rgba(26, 22, 20, .62);
  --ruse-ink-3:       rgba(26, 22, 20, .42);

  /* Acentos */
  --ruse-accent:      #C63C1B;  /* accentCore */
  --ruse-cta:         #FF623A;  /* ctaFill, idéntico en ambos modos */
  --ruse-cta-ink:     #FFFFFF;
  --ruse-ai:          #0D7A73;  /* accentIA */
  --ruse-urgent:      #9A6A12;  /* accentUrgent */
  --ruse-logo:        #FF623A;

  /* Estado */
  --ruse-danger:      #C0002E;
  --ruse-success:     #248A3D;  /* 4,40 sobre blanco: solo icono */
  --ruse-success-txt: #1E7A35;  /* variante para texto verde sobre claro */

  /* El bloque de acento a sangre NO sigue al modo: en oscuro accentCore sube a
     #FF8163 y el blanco encima cae a ~2,2 de contraste. Fijo en #C63C1B da 5,17
     en los dos modos. */
  --ruse-accent-block:     #C63C1B;
  --ruse-accent-block-ink: #FFFFFF;

  /* Inversión: la sección oscura. En claro invierte; en oscuro se eleva,
     porque sobre una página ya negra invertir no se ve. */
  --ruse-invert-bg:   #1A1614;
  --ruse-invert-ink:  #F2EFEC;
  --ruse-invert-ink2: rgba(242, 239, 236, .66);
  --ruse-invert-line: rgba(242, 239, 236, .16);

  /* Tintes de acento para superficies grandes */
  --ruse-ai-tint:     rgba(13, 122, 115, .07);
  --ruse-ai-line:     rgba(13, 122, 115, .28);

  /* Líneas y sombra */
  --ruse-line:        rgba(26, 22, 20, .13);
  --ruse-line-soft:   rgba(26, 22, 20, .07);
  --ruse-shadow:      0 1px 2px rgba(26, 22, 20, .06);
  --ruse-shadow-lg:   0 12px 32px -12px rgba(26, 22, 20, .18);

  /* Tipografía */
  --ruse-font-display: "Bricolage Grotesque", "IBM Plex Sans", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --ruse-font-body:    "IBM Plex Sans", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --ruse-font-mono:    "IBM Plex Mono", ui-monospace, SFMono-Regular, monospace;

  --ruse-step-eyebrow: .75rem;
  --ruse-step-small:   .9375rem;
  --ruse-step-body:    1.0625rem;
  --ruse-step-lede:    clamp(1.125rem, .95rem + .7vw, 1.375rem);
  --ruse-step-h3:      clamp(1.125rem, 1rem + .5vw, 1.375rem);
  --ruse-step-h2:      clamp(1.625rem, 1.25rem + 1.6vw, 2.375rem);
  --ruse-step-h1:      clamp(2.125rem, 1.4rem + 3.2vw, 3.75rem);

  /* Ritmo */
  --ruse-measure:      44rem;
  --ruse-radius:       14px;
  --ruse-radius-sm:    10px;
  --ruse-radius-pill:  999px;
  --ruse-section-y:    clamp(4rem, 3rem + 5vw, 7.5rem);

  /* Puente hacia las variables globales de GeneratePress */
  --contrast:   var(--ruse-ink);
  --contrast-2: var(--ruse-ink-2);
  --contrast-3: var(--ruse-ink-3);
  --base:       var(--ruse-line-soft);
  --base-2:     var(--ruse-page);
  --base-3:     var(--ruse-surface);
  --accent:     var(--ruse-accent);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-ruse-theme="light"]) {
    --ruse-page:        #0B0A0A;
    --ruse-surface:     #181616;
    --ruse-raised:      #211E1E;
    --ruse-photo-dim:   .88;

    --ruse-ink:         #F2EFEC;
    --ruse-ink-2:       rgba(242, 239, 236, .62);
    --ruse-ink-3:       rgba(242, 239, 236, .40);

    --ruse-accent:      #FF8163;
    --ruse-ai:          #3FC8C0;
    --ruse-urgent:      #E9B44C;

    --ruse-danger:      #F2385A;
    --ruse-success:     #34C759;
    --ruse-success-txt: #34C759;

    --ruse-invert-bg:   #211E1E;
    --ruse-invert-ink:  #F2EFEC;
    --ruse-invert-ink2: rgba(242, 239, 236, .66);
    --ruse-invert-line: rgba(242, 239, 236, .16);
    --ruse-ai-tint:     rgba(63, 200, 192, .09);
    --ruse-ai-line:     rgba(63, 200, 192, .30);
    --ruse-line:        rgba(242, 239, 236, .15);
    --ruse-line-soft:   rgba(242, 239, 236, .08);
    --ruse-shadow:      none;
    --ruse-shadow-lg:   none;
  }
}

:root[data-ruse-theme="dark"] {
  --ruse-page:        #0B0A0A;
  --ruse-surface:     #181616;
  --ruse-raised:      #211E1E;
  --ruse-photo-dim:   .88;
  --ruse-ink:         #F2EFEC;
  --ruse-ink-2:       rgba(242, 239, 236, .62);
  --ruse-ink-3:       rgba(242, 239, 236, .40);
  --ruse-accent:      #FF8163;
  --ruse-ai:          #3FC8C0;
  --ruse-urgent:      #E9B44C;
  --ruse-danger:      #F2385A;
  --ruse-success:     #34C759;
  --ruse-success-txt: #34C759;
  --ruse-invert-bg:   #211E1E;
  --ruse-invert-ink:  #F2EFEC;
  --ruse-invert-ink2: rgba(242, 239, 236, .66);
  --ruse-invert-line: rgba(242, 239, 236, .16);
  --ruse-ai-tint:   rgba(63, 200, 192, .09);
  --ruse-ai-line:   rgba(63, 200, 192, .30);
  --ruse-line:        rgba(242, 239, 236, .15);
  --ruse-line-soft:   rgba(242, 239, 236, .08);
  --ruse-shadow:      none;
  --ruse-shadow-lg:   none;
}