/* =========================================================================
   THEME OVERRIDES — Custom tweaks per theme.
   -------------------------------------------------------------------------
   This file loads AFTER styles.css, so anything here wins.

   How to tweak a theme:
     1. Find the theme's slug (e.g., "riso-print" for #69, "cyber-dark" for #52).
        See the full list at the bottom of /assets/js/site-config.js.
     2. Add a block keyed to that slug, like the Riso Print example below.
     3. Override either CSS variables (--color-bg, --color-primary, etc.)
        or specific selectors (.btn-primary, .card, etc.).
     4. Save and refresh. Your tweaks now persist no matter how many times
        you reset / toggle / pick a different theme and come back.

   Naming pattern:
     [data-theme="<slug>"]               { /* variables */ }
     [data-theme="<slug>"] .your-class   { /* component overrides */ }

   Tip: leave themes you DON'T want to touch out of this file entirely.
   ========================================================================= */


/* ---------- 69. Riso Print ----------
   Currently active. Add overrides for this theme here. */

[data-theme="riso-print"] {
  /* Example overrides — uncomment and edit any line.
     The originals live in styles.css around line 2672. */

  /* --color-primary:        #ec4899; */
  /* --color-primary-dark:   #db2777; */
  /* --color-primary-light:  #fbcfe8; */
  /* --color-primary-bg:     #fdf2f8; */

  /* --color-bg:        #fef9f3; */
  /* --color-bg-subtle: #fdf2f8; */
  /* --color-bg-muted:  #e0e7ff; */

  /* --color-text:       #1e3a8a; */
  /* --color-text-muted: #3730a3; */
  /* --color-text-soft:  #4338ca; */

  /* --color-border:        #fbcfe8; */
  /* --color-border-strong: #ec4899; */
}

/* Per-component overrides (still scoped to this theme) */
/*
[data-theme="riso-print"] .btn-primary {
  box-shadow: 6px 6px 0 #1e3a8a;
}
[data-theme="riso-print"] .card {
  border-width: 2px;
}
*/


/* ---------- Add new themes below in the same shape ----------

[data-theme="cyber-dark"] {
  --color-bg: #05060c;
}

[data-theme="cyber-dark"] .btn-primary {
  border-radius: 0;
}

------------------------------------------------------------- */