[data-rp-theme="ink"] {
  --rp-accent: #465264;
  --rp-accent-dark: #566579;
  --rp-highlight: #b9cbdf;
  --rp-hero-tint: #242c38;
}
[data-rp-theme="ocean"] {
  --rp-accent: #18598a;
  --rp-accent-dark: #24658f;
  --rp-highlight: #9ad8f6;
  --rp-hero-tint: #16334b;
}
[data-rp-theme="sand"] {
  --rp-accent: #81502b;
  --rp-accent-dark: #875839;
  --rp-highlight: #f3cc9d;
  --rp-hero-tint: #392a24;
}
[data-rp-theme="berry"] {
  --rp-accent: #832f52;
  --rp-accent-dark: #913f61;
  --rp-highlight: #f1b3cb;
  --rp-hero-tint: #391f2e;
}
[data-rp-theme="violet"] {
  --rp-accent: #59447f;
  --rp-accent-dark: #695592;
  --rp-highlight: #d7c4f4;
  --rp-hero-tint: #2b233d;
}
[data-rp-theme="pine"] {
  --rp-accent: #176452;
  --rp-accent-dark: #287362;
  --rp-highlight: #a7e8ce;
  --rp-hero-tint: #173b33;
}
body, html.dark body { background-color: var(--rp-canvas); color: var(--rp-ink); }
.bg-sahab-bg, html.dark .bg-sahab-bg { background-color: var(--rp-canvas) !important; }
html.dark .bg-white { background-color: var(--rp-surface) !important; }
html.dark .bg-white\/85 { background-color: color-mix(in srgb, var(--rp-surface) 91%, transparent) !important; }
html.dark .bg-white\/90 { background-color: color-mix(in srgb, var(--rp-surface) 94%, transparent) !important; }
html.dark :is(.bg-gray-50, .bg-gray-100, .bg-gray-200, .bg-gray-50\/50) {
  background-color: var(--rp-subtle) !important;
}
:is(.text-gray-300, .text-gray-400, .text-gray-500, .text-gray-600),
html.dark :is(.text-gray-300, .text-gray-400, .text-gray-500, .text-gray-600) {
  color: var(--rp-muted) !important;
}
:is(.text-gray-700, .text-gray-800, .text-gray-900),
html.dark :is(.text-gray-700, .text-gray-800, .text-gray-900) {
  color: var(--rp-ink) !important;
}
:is(.border-gray-50, .border-gray-100, .border-gray-200),
html.dark :is(.border-gray-50, .border-gray-100, .border-gray-200) {
  border-color: var(--rp-line) !important;
}

.bg-sahab.text-white { background-color: var(--rp-primary); }
.bg-sahab.text-white.hover\:bg-sahab-dark:hover,
.group:hover .bg-sahab.text-white.group-hover\:bg-sahab-dark {
  background-color: var(--rp-primary-hover);
}
html.dark :is(.bg-sahab\/10, .bg-sahab\/5) { background-color: var(--rp-subtle); }
html.dark :is(.hover\:bg-sahab\/10, .hover\:bg-sahab-bg\/40):hover {
  background-color: var(--rp-subtle);
}
html.dark .hover\:bg-emerald-50:hover { background-color: #0b3026; }
html.dark .hover\:bg-red-50:hover { background-color: #3e1822; }
html.dark .hover\:text-emerald-900:hover { color: #a7f3d0; }
html.dark .hover\:text-red-600:hover { color: #fecdd3; }
.bg-red-500.text-white { background-color: #b42339; }
.bg-\[\#25D366\].text-white { background-color: #146446; }
:root:not(.dark) .text-amber-600 { color: #87540e; }
:root:not(.dark) .text-red-500 { color: #ad263a; }
html.dark .text-red-500 { color: #fda4af; }

:is(input, textarea, select):is(.border, .border-gray-200), rp-content-editor :is(input, textarea, select) {
  border-color: var(--rp-field-line) !important;
}
:is(input, textarea)::placeholder, html.dark :is(input, textarea)::placeholder {
  color: var(--rp-muted);
  opacity: 1;
}
:is(input, textarea, select, summary):focus-visible {
  outline: 2px solid var(--rp-focus);
  outline-offset: 2px;
}
html.dark .file\:bg-sahab-bg::file-selector-button {
  background-color: var(--rp-subtle);
  color: var(--rp-ink);
}

.rp-home-catalog.bg-black, .rp-home-card.bg-black { background-color: var(--rp-night-section); }
.rp-home-card.bg-black { border-color: var(--rp-hero-edge); }
.rp-home-card :is(.text-white\/40, .text-white\/50), .rp-home-catalog .text-sahab-light { color: #d2d9e2; }
.rp-hero-heading .text-white\/30 { color: #c5cbd4; }
.rp-category-card > .absolute.bottom-0 { background-color: var(--rp-night-section); }
.rp-home-divider, .dark .rp-home-divider { --rp-section-surface: var(--rp-surface); }
.rp-home-divider { background: linear-gradient(to bottom, var(--rp-night-section), var(--rp-section-surface)); }
.rp-home-divider[data-direction="w2b"] {
  background: linear-gradient(to bottom, var(--rp-section-surface), var(--rp-night-section));
}

/* Use a dedicated glyph only for the shekel. */
@font-face {
  font-family: "RP Shekel";
  src: local("Segoe UI"), local("Arial"), local("DejaVu Sans");
  unicode-range: U+20AA;
}

body, .font-serif, .rp-initial, .rp-intro {
  font-family: "RP Shekel", "Plus Jakarta Sans", Tajawal, Tahoma, system-ui, sans-serif;
}


.rp-mobile-hero.bg-black { background-color: var(--rp-night-section); }
.rp-hero-heading .brand-hero {
  background-image: linear-gradient(108deg, #f6f7fa, var(--rp-highlight), #f4e2bf, #f6f7fa);
  filter: drop-shadow(0 4px 22px #080a0eb3);
}
.rp-hero-copy a:first-child { background-color: var(--rp-primary); }
.rp-hero-copy a:nth-child(2) { background-color: #10151eb3; border-color: #e0e8efa6; }
html[data-rp-theme] .rp-intro { background: var(--rp-hero-backdrop); }
.rp-mode-switch .rp-mode-track { background: var(--rp-subtle); border-color: var(--rp-field-line); }
.rp-mode-switch .rp-mode-thumb { background: #fffdf3; color: #8a5a19; }
.rp-mode-switch[aria-checked=true] .rp-mode-track { background: var(--rp-canvas); border-color: var(--rp-field-line); }
.rp-mode-switch[aria-checked=true] .rp-mode-thumb { background: var(--rp-primary); color: #fff; }
.rp-mode-switch:focus-visible, .rp-home-card:focus-visible { outline-color: var(--rp-focus); }
.rp-social-links .rp-social-link { background-color: var(--rp-primary); border-color: var(--rp-primary-hover); }
.dark .rp-social-links .rp-social-link { background-color: var(--rp-primary); border-color: var(--rp-primary-hover); }
.recharts-wrapper .recharts-area-curve { stroke: var(--rp-focus); }
.recharts-wrapper .recharts-cartesian-axis-tick-value { fill: var(--rp-muted); }
.recharts-wrapper .recharts-cartesian-grid line { stroke: var(--rp-line); }
.recharts-wrapper linearGradient#g stop { stop-color: var(--rp-focus); }

:is(.rp-hero-copy a, .rp-social-link, button.bg-sahab.text-white:not(:disabled), a.bg-sahab.text-white) {
  --rp-liquid-glow: radial-gradient(ellipse at 18% 18%, #fff, transparent 54%),
    radial-gradient(ellipse at 76% 92%, var(--rp-highlight), transparent 66%),
    linear-gradient(115deg, #f5f7fa, #e4e9ee 55%, var(--rp-highlight));
}
:is(.rp-hero-copy a, .rp-social-link, button.bg-sahab.text-white:not(:disabled), a.bg-sahab.text-white):active {
  color: #17202b !important;
}
@media (hover: hover) and (pointer: fine) {
  :is(.rp-hero-copy a, .rp-social-link, button.bg-sahab.text-white:not(:disabled), a.bg-sahab.text-white):hover {
    color: #17202b !important;
  }
  html.dark .rp-hero-copy a.hover\:bg-white:hover {
    background: var(--rp-liquid-glow) !important;
    color: #17202b !important;
  }
}

:root, .rp-theme-swatch {
  --rp-canvas: color-mix(in srgb, var(--rp-accent) 6%, #fff);
  --rp-surface: #fff;
  --rp-subtle: color-mix(in srgb, var(--rp-accent) 13%, #fff);
  --rp-ink: #20242d;
  --rp-muted: #505764;
  --rp-line: color-mix(in srgb, var(--rp-accent) 21%, #fff);
  --rp-field-line: #7a8190;
  --rp-primary: var(--rp-accent);
  --rp-primary-hover: color-mix(in srgb, var(--rp-primary) 78%, #10141c);
  --rp-focus: var(--rp-accent);
  --rp-night-section: color-mix(in srgb, var(--rp-hero-tint) 68%, #10131b);
  --rp-hero-edge: color-mix(in srgb, var(--rp-highlight) 35%, var(--rp-night-section));
  --rp-hero-backdrop: radial-gradient(ellipse at 50% 32%, var(--rp-hero-tint), var(--rp-night-section) 66%, #0c1018);
  --rp-hero-grid: linear-gradient(#e4edf911 1px, transparent 1px) 50% 50% / 56px 56px, linear-gradient(90deg, #e4edf911 1px, transparent 1px) 50% 50% / 56px 56px;
}
html.dark, .rp-theme-swatch[data-tone="dark"] {
  --rp-canvas: color-mix(in srgb, var(--rp-hero-tint) 42%, #11141a);
  --rp-surface: color-mix(in srgb, var(--rp-hero-tint) 58%, #1c2029);
  --rp-subtle: color-mix(in srgb, var(--rp-accent-dark) 25%, var(--rp-surface));
  --rp-ink: #eef1f6;
  --rp-muted: #bac4d1;
  --rp-line: color-mix(in srgb, var(--rp-highlight) 24%, var(--rp-surface));
  --rp-field-line: #8993a3;
  --rp-primary: var(--rp-accent-dark);
  --rp-focus: var(--rp-highlight);
}

.rp-mobile-hero {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: clamp(.85rem, 2.3vw, 2rem);
}
.rp-mobile-hero :is(.rp-hero-heading, .rp-hero-copy) {
  position: relative;
  inset: auto;
}
.rp-mobile-hero .rp-hero-copy { padding-block-end: 0; }
.rp-mobile-hero .rp-hero-heading h1 { margin-block-end: 0; }
.rp-mobile-hero .rp-hero-copy p { text-wrap: balance; }

rp-appearance { display: block; }
.rp-theme-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
  gap: 1rem;
  margin-block: 1rem;
}
.rp-theme-option {
  padding: 1rem;
  border: 1px solid var(--rp-line);
  border-radius: .9rem;
  background: var(--rp-surface);
  color: var(--rp-ink);
  text-align: start;
}
.rp-theme-option[aria-pressed=true] { border-color: var(--rp-focus); }
.rp-theme-option:disabled { opacity: .65; }
.rp-theme-option:focus-visible { outline: 2px solid var(--rp-focus); outline-offset: 3px; }
.rp-theme-previews { display: grid; grid-template-columns: repeat(2, 1fr); gap: .5rem; margin-block-start: .65rem; }
.rp-theme-swatch {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .35rem;
  border: 1px solid var(--rp-line);
  border-radius: .45rem;
  padding: .45rem;
  font-size: .8rem;
  background: var(--rp-canvas);
  color: var(--rp-ink);
}
.rp-theme-swatch::after {
  content: "";
  width: .8rem;
  height: .8rem;
  border-radius: .2rem;
  background: var(--rp-primary);
}