/* =====================================================================
   RONROV — skin "rovblog" (Journal Pink) · tokens.css
   ---------------------------------------------------------------------
   Loaded AFTER assets/css/style.css and the page CSS, BEFORE global.css.
   Every selector is scoped body[data-skin="rovblog"] (specificity 0-1-1)
   so it beats the :root declarations in style.css without !important.

   Same discipline as skins/noir + skins/silver:
   - Section E re-points the legacy --c-* names (the "compatibility
     bridge") so the 13 unmodified page stylesheets pick the skin up.
   - --mr-* (mobile-redesign) is deliberately NOT bridged: the manifest
     opts out of that layer, and a leak must stay visible, not styled.
   - color-scheme is an unconditional declaration, never inside a
     prefers-color-scheme media query (see noir tokens.css:188 note).
   ===================================================================== */

body[data-skin="rovblog"] {

  /* --- A. surfaces ------------------------------------------------- */
  --rb-bg:        #F6F5F3;   /* page — warm paper grey                  */
  --rb-surface:   #FFFFFF;   /* cards, header                          */
  --rb-surface-2: #F1F0EE;   /* input wells, quiet chips               */
  --rb-band:      #FDF2F8;   /* warm story-band top (fades to bg)      */
  --rb-footer:    #17181C;   /* dark footer ink                        */

  /* --- B. text ------------------------------------------------------ */
  --rb-ink:       #16181D;
  --rb-ink-2:     #3B3E46;   /* nav, secondary                          */
  --rb-muted:     #61646C;   /* card excerpts                           */
  --rb-faint:     #9A9DA6;   /* meta lines                              */
  --rb-on-dark:   #E6E7EA;   /* text on the dark footer                 */
  --rb-on-dark-2: #9A9DA6;

  /* --- C. brand ----------------------------------------------------- */
  --rb-accent:       #FF3399;             /* the ONE accent — from the logo   */
  --rb-accent-hover: #DB1F80;
  --rb-accent-ink:   #D6207D;             /* darker pink for SMALL text on
                                             white — #FF3399 is ~3:1 only,
                                             fine for buttons, not for 13px */
  --rb-accent-soft:  rgba(255, 51, 153, 0.12);
  --rb-accent-glow:  rgba(255, 51, 153, 0.30);
  --rb-violet:       #7C3AED;             /* glow gradient partner only —
                                             never a standalone accent      */

  /* --- D. shape / depth / type ------------------------------------- */
  --rb-border:     #E1DFDA;
  --rb-hairline:   #EEEBE7;
  --rb-r-sm: 10px;
  --rb-r-md: 14px;
  --rb-r-lg: 16px;
  --rb-r-xl: 20px;
  --rb-r-band: 24px;
  --rb-r-pill: 999px;

  --rb-sh-1: 0 1px 2px rgba(22, 24, 29, 0.06);
  --rb-sh-2: 0 10px 24px rgba(22, 24, 29, 0.10);
  --rb-sh-3: 0 14px 30px rgba(22, 24, 29, 0.16);
  --rb-sh-search: 0 10px 30px rgba(22, 24, 29, 0.14);
  --rb-sh-accent: 0 8px 22px var(--rb-accent-soft);

  /* Secular One ships one weight (400) and carries Hebrew glyphs.
     NEVER pair it with font-weight 700+ — browsers faux-bold it into mush.
     Heebo is already loaded unconditionally by inc/header.php.            */
  --rb-font-display: 'Secular One', 'Heebo', system-ui, -apple-system, sans-serif;
  --rb-font-body:    'Heebo', system-ui, -apple-system, sans-serif;

  --rb-scrim: linear-gradient(to top, rgba(10, 12, 16, 0.78) 0%, rgba(10, 12, 16, 0.06) 45%);
  --rb-scrim-hero: linear-gradient(to left, rgba(10, 12, 16, 0.55) 0%, rgba(10, 12, 16, 0.25) 45%, rgba(10, 12, 16, 0.05) 75%);
  --rb-glow: linear-gradient(120deg, rgba(255, 51, 153, 0.35) 0%, rgba(124, 58, 237, 0.35) 100%);

  --rb-header-h: 76px;
  --rb-maxw: 1400px;

  --rb-t-fast: 140ms ease;
  --rb-t-med:  240ms ease;

  /* --- E. compatibility bridge (see header note) -------------------- */
  --c-bg:            var(--rb-bg);
  --c-surface:       var(--rb-surface);
  --c-text:          var(--rb-ink);
  --c-text-muted:    var(--rb-muted);
  --c-primary:       var(--rb-accent-ink);
  --c-primary-hover: var(--rb-accent-hover);
  --c-border:        var(--rb-border);
  --c-input-bg:      var(--rb-surface);
  --c-danger:        #DC2626;
  --c-success:       #059669;

  --radius-sm: 8px;
  --radius-md: var(--rb-r-sm);
  --radius-lg: var(--rb-r-md);
  --radius-xl: var(--rb-r-lg);

  --shadow-sm: var(--rb-sh-1);
  --shadow-md: var(--rb-sh-2);
  --shadow-lg: var(--rb-sh-2);
  --shadow-xl: var(--rb-sh-3);

  --font-main: var(--rb-font-body);
  --max-w: var(--rb-maxw);
  --header-h: var(--rb-header-h);

  color-scheme: light;
}