/* Page-scoped styles for page-revolut.php. This page enqueues only this file
   (not card.css), so the shared design tokens are declared here too. */

:root {
  --brand:#19144B; --brand-deep:#0F0B36; --brand-soft:#EBE9F5;
  --navy:#19144B; --navy-2:#241C63; --ink:#171233; --mut:#6A6588;
  --line:#E4E1EF; --gold:#F91E5A;
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.4'/%3E%3C/svg%3E");
  --card-grad:linear-gradient(140deg,#241C63,#19144B 55%,#0F0B36);
}

.ds-revolut-page {
  background: #F5F4FA;
  color: var(--ink);
  font-family: IRANSansX, Vazirmatn, system-ui, sans-serif;
  overflow-x: hidden;
}

.ds-revolut-page h1,
.ds-revolut-page h2,
.ds-revolut-page h3 { font-family: YekanBakh, IRANSansX, sans-serif; }

@media (prefers-reduced-motion: reduce) {
  .ds-revolut-page *,
  .ds-revolut-page *::before,
  .ds-revolut-page *::after {
    animation: none !important;
    transition: none !important;
  }
}

@media print {
  .ds-revolut-page [aria-hidden="true"] { display: none; }
}

/* Hero account mock (see template-parts/revolut/hero.php). */
@keyframes dsRow {
  0%, 100% { background: rgba(255,255,255,.06); }
  18%, 32% { background: rgba(255,255,255,.16); }
}
@keyframes dsShine {
  0%        { transform: translateX(-120%); }
  55%, 100% { transform: translateX(240%); }
}