/* v1.9.0 - subtle lined background + faded discount marks
   Final background layer only. Does not touch magazine geometry, tabs, cards, editor, or renderer. */
:root{
  --nc-bg-paper-line-light: rgba(122, 89, 42, .145);
  --nc-bg-paper-line-light-soft: rgba(122, 89, 42, .075);
  --nc-bg-paper-line-dark: rgba(247, 216, 126, .155);
  --nc-bg-paper-line-dark-soft: rgba(247, 216, 126, .07);
  --nc-bg-symbol-light-soft: rgba(80, 50, 18, .105);
  --nc-bg-symbol-dark-soft: rgba(255, 222, 126, .092);
}

/* Add a full-page lined-paper feeling on the entire background, not only behind the book. */
body[data-theme="light"]{
  background:
    repeating-linear-gradient(0deg, rgba(123,88,38,.095) 0 1px, transparent 1px 28px),
    repeating-linear-gradient(90deg, rgba(123,88,38,.045) 0 1px, transparent 1px 44px),
    radial-gradient(circle at 50% 8%, rgba(255,255,255,.88), transparent 35%),
    linear-gradient(180deg,#fbf2dc 0%,#ead5a9 58%,#d1ad67 100%) !important;
}

body[data-theme="dark"],
body.nc-editor-page{
  background:
    repeating-linear-gradient(0deg, rgba(247,216,126,.135) 0 1px, transparent 1px 28px),
    repeating-linear-gradient(90deg, rgba(247,216,126,.055) 0 1px, transparent 1px 44px),
    radial-gradient(circle at 50% 8%, rgba(231,184,57,.12), transparent 38%),
    linear-gradient(180deg,#090705 0%,#030202 100%) !important;
}

/* Keep the paper sheet, but make its discount symbols less dominant. */
body[data-theme="light"] .stage::before{
  background:
    linear-gradient(90deg, transparent 0 7.2vw, rgba(178,64,43,.11) 7.2vw 7.35vw, transparent 7.35vw),
    repeating-linear-gradient(0deg, transparent 0 25px, var(--nc-bg-paper-line-light) 25px 26px),
    repeating-linear-gradient(90deg, var(--nc-bg-paper-line-light-soft) 0 1px, transparent 1px 42px),
    radial-gradient(circle at 18% 18%, rgba(255,255,255,.50), transparent 24%),
    linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,248,225,.92));
  opacity:.95;
}

body[data-theme="dark"] .stage::before,
body.nc-editor-page .nc-canvas::before{
  background:
    linear-gradient(90deg, transparent 0 7.2vw, rgba(255,205,88,.07) 7.2vw 7.35vw, transparent 7.35vw),
    repeating-linear-gradient(0deg, transparent 0 25px, var(--nc-bg-paper-line-dark) 25px 26px),
    repeating-linear-gradient(90deg, var(--nc-bg-paper-line-dark-soft) 0 1px, transparent 1px 42px),
    radial-gradient(circle at 48% 18%, rgba(255,222,121,.07), transparent 30%),
    linear-gradient(180deg, rgba(29,24,17,.93), rgba(22,18,13,.88));
  opacity:.72;
}

.stage::after,
.nc-canvas::after{
  content:"-10%     20%     15%     30%     sale     50%     promo     2x1\A     40%     oferta     -25%     10%     redus     30%\A promo     15%     -50%     sale     20%     40%     oferta\A     -30%     2x1     50%     redus     10%     25%" !important;
  font-size:clamp(22px, 3.45vw, 68px) !important;
  line-height:2.35 !important;
  letter-spacing:.09em !important;
  word-spacing:1.55em !important;
  transform:rotate(-6deg) !important;
  filter:blur(.15px);
}

.magazine-shell::before,
.nc-editor-main::before{
  content:"%   −   ↓   10   20   30   %   tag   50   −" !important;
  font-size:clamp(16px, 1.8vw, 34px) !important;
  line-height:3.7 !important;
  letter-spacing:.18em !important;
  word-spacing:2.35em !important;
  transform:rotate(8deg) !important;
}

body[data-theme="light"] .stage::after,
body[data-theme="light"] .magazine-shell::before{
  color:var(--nc-bg-symbol-light-soft) !important;
  opacity:.36 !important;
  mix-blend-mode:multiply;
  text-shadow:none !important;
}

body[data-theme="dark"] .stage::after,
body.nc-editor-page .nc-canvas::after,
body.nc-editor-page .nc-editor-main::before{
  color:var(--nc-bg-symbol-dark-soft) !important;
  opacity:.42 !important;
  mix-blend-mode:screen;
  text-shadow:none !important;
}

@media (max-width: 900px){
  .stage::after,
  .nc-canvas::after{font-size:24px !important;line-height:2.7 !important;word-spacing:1em !important;}
  .magazine-shell::before,
  .nc-editor-main::before{font-size:18px !important;line-height:4 !important;}
}