@import url("/assets/css/pages/templates/_modern-base.css");

.page-template--default.page-template--modern {
  --ptm-bg: #f4f6fb;
  --ptm-bg-elevated: #fbfdff;
  --ptm-bg-muted: #e9eef8;
  --ptm-surface: rgba(255, 255, 255, 0.84);
  --ptm-surface-strong: #ffffff;
  --ptm-border: rgba(26, 47, 87, 0.1);
  --ptm-border-strong: rgba(26, 47, 87, 0.18);
  --ptm-shadow: 0 20px 46px rgba(31, 51, 82, 0.09);
  --ptm-shadow-strong: 0 30px 72px rgba(31, 51, 82, 0.14);
  --ptm-text: #162033;
  --ptm-text-soft: #32415f;
  --ptm-text-muted: #56657f;
  --ptm-text-subtle: #73809a;
  --ptm-accent: #1e5eff;
  --ptm-accent-strong: #1547c0;
  --ptm-accent-soft: rgba(30, 94, 255, 0.12);
  --ptm-accent-contrast: #eff4ff;
  --ptm-ring: rgba(30, 94, 255, 0.24);
  --ptm-hero-overlay: linear-gradient(145deg, rgba(15, 27, 52, 0.92), rgba(27, 52, 97, 0.72));
  --cta-rgb: 30, 94, 255;
}

html[data-theme="dark"] .page-template--default.page-template--modern {
  --ptm-bg: #0a1120;
  --ptm-bg-elevated: #101a31;
  --ptm-bg-muted: #121f37;
  --ptm-surface: rgba(13, 22, 41, 0.86);
  --ptm-surface-strong: #162440;
  --ptm-border: rgba(146, 175, 255, 0.16);
  --ptm-border-strong: rgba(146, 175, 255, 0.28);
  --ptm-shadow: 0 24px 56px rgba(0, 0, 0, 0.32);
  --ptm-shadow-strong: 0 34px 86px rgba(0, 0, 0, 0.42);
  --ptm-text: #eff5ff;
  --ptm-text-soft: #c8d8fb;
  --ptm-text-muted: #9fb4df;
  --ptm-text-subtle: #88a0cc;
  --ptm-accent: #77a3ff;
  --ptm-accent-strong: #a7c2ff;
  --ptm-accent-soft: rgba(119, 163, 255, 0.16);
  --ptm-accent-contrast: #081120;
  --ptm-ring: rgba(119, 163, 255, 0.3);
  --ptm-hero-overlay: linear-gradient(145deg, rgba(5, 12, 25, 0.94), rgba(17, 33, 61, 0.78));
}