/* Sources: Aeonik declarations observed on revolut.com/fr-FR, 2026-10-11;
   Inter variable and native iOS stack from the user-supplied second demo.
   Role mapping for this demo is an interpretation, not the native app's stylesheet. */
@font-face{font-family:'Aeonik Pro';src:url('./assets/fonts/AeonikPro-Medium.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:'Aeonik Pro';src:url('./assets/fonts/AeonikPro-Black.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Inter;src:url('./assets/fonts/InterVariable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--font-ui:-apple-system,BlinkMacSystemFont,Inter,'Segoe UI',sans-serif;--font-brand:'Aeonik Pro',Inter,-apple-system,BlinkMacSystemFont,sans-serif}
html{font-family:var(--font-ui);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,input,select,textarea{font-family:inherit}
h1,h2,h3,.balance h1,.invest-intro h1,.crypto-intro h1,.welcome-person h1,.wallet-header h1,.sheet-header h2{font-family:var(--font-brand);font-weight:500;font-synthesis:none}
.balance h1,.hero-value,.large-value,.topup-amount,.fx-account output,.points-total>strong,.crypto-quote strong,.receipt-hero>strong,.account-tile b{font-family:var(--font-brand);font-weight:500;font-synthesis:none;font-variant-numeric:lining-nums tabular-nums}
.row-end,.invest-quote,.crypto-asset-price,.crypto-quote small,.transfer-date,.points-transaction>span:last-child,.card-last,.numeric-key,.calculator-key,.fx-presets .pill{font-family:var(--font-brand);font-weight:500;font-synthesis:none;font-variant-numeric:lining-nums tabular-nums}
.nav-item,.row-copy,.invest-row-copy,.transfer-contact,.crypto-asset-name,.points-product,.points-brand,.search-button,.widget-title,.crypto-heading,.points-heading{font-family:var(--font-ui)}
.brand-4,.brand-5,.brand-6,.brand-7{font-family:inherit}

#history-summary-value,.history-day>header>span,.wealth-change,.spending-summary>span,.chart-maximum,.crypto-grid-item small,.invest-logo-item small{font-family:var(--font-brand);font-weight:500;font-synthesis:none;font-variant-numeric:lining-nums tabular-nums}

/* Selective merge: native iOS text and the supplied Inter variable fallback. */
html{font-feature-settings:'calt' 1,'kern' 1}
button,input,select,textarea{letter-spacing:-.2px}
.row-copy strong{font-weight:450;letter-spacing:-.3px;line-height:1.25}
.row-copy small{font-weight:400;letter-spacing:-.2px;line-height:1.3}
.row-end,.transfer-date,.invest-quote,.crypto-asset-price,.points-transaction>span:last-child{font-family:var(--font-ui);font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:-.3px}
.iban,.account-number{font-variant-numeric:tabular-nums}
.imported-crypto{background:none!important;overflow:hidden}
.imported-crypto img{width:100%;height:100%;display:block;object-fit:contain}

/* Balance typography matched to the supplied reference crop. */
.balance h1{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:48px;font-weight:650;line-height:1.14;letter-spacing:-1.6px;font-variant-numeric:lining-nums tabular-nums;font-optical-sizing:auto}
.balance h1 small{font-family:inherit;font-size:24px;font-weight:600;letter-spacing:-.3px}
.balance .account-select,.balance .account-number{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500}

.balance-currency{display:inline-block;margin-left:.28em}
.card-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.catalog-option{background:var(--raised);border-radius:18px;padding:12px;display:flex;flex-direction:column;gap:6px;text-align:left}.catalog-option img{width:100%;height:145px;object-fit:contain}.catalog-option small{font-size:11px}.catalog-preview{display:block;max-width:100%;height:260px;object-fit:contain;margin:12px auto}.has-art{position:relative;overflow:hidden;background:transparent!important;box-shadow:none!important}.has-art>.catalog-art{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.has-art>:not(.catalog-art){visibility:hidden}.card-face.front.has-art{padding:0}.mini-card.has-art,.wallet-thumbnail.has-art{border:0}.card-catalog strong{font-size:14px}
.card-face.front.has-art{position:absolute;inset:0;width:100%;height:100%}.card-rotate>.card-object{position:absolute;inset:0}.card-face.front.has-art:after{display:none}

html[data-background="violet"] .ambient,.theme-swatch.violet{--wallpaper:radial-gradient(ellipse at 115% 8%,#9602ed 0,transparent 48%),radial-gradient(ellipse at 5% 65%,#5b3dfa 0,transparent 62%),linear-gradient(155deg,#5019e0,#3112b5 60%,#1b1550);--surface:linear-gradient(120deg,#292074db,#302364e8);background:var(--wallpaper)!important}
html[data-background="graphite"] .ambient,.theme-swatch.graphite{--wallpaper:radial-gradient(ellipse at 160% -20%,transparent 0 55%,#b7b9bc 55.3%,#686a6d 62%,#202124 62.3% 80%,#858689 82%,#202124 86%,#101112 90%);--surface:linear-gradient(110deg,#1b1c1eea,#303133ee);background:var(--wallpaper)!important}
html[data-background="blue"] .ambient,.theme-swatch.blue{--wallpaper:radial-gradient(ellipse at 110% 0%,#0d357c 0 35%,transparent 35.3%),radial-gradient(ellipse at 0% 8%,#4882b8 0 46%,#265da8 46.3% 68%,#133377 68.3% 85%,#091328 85.3%);--surface:linear-gradient(110deg,#122d51e8,#1b3050ec);background:var(--wallpaper)!important}
html[data-background="sunset"] .ambient,.theme-swatch.sunset{--wallpaper:radial-gradient(ellipse at 0 -25%,#eb6420 0 37%,#851111 39%,#ffac0b 42%,#ef7710 54%,#a31b0b 56%,#ed6206 60%,#702314 70%,#1a0b0b 88%);--surface:linear-gradient(110deg,#341b12e8,#3f241aec);background:var(--wallpaper)!important}
html[data-background="iridescent"] .ambient,.theme-swatch.iridescent{--wallpaper:radial-gradient(ellipse at 20% 10%,#d9e4eb88,transparent 25%),radial-gradient(ellipse at -90% 100%,transparent 0 63%,#a7bfe6 63.2%,#f0a3b7 64%,#eec995 65%,#8eade4 66%,#6f63ab 68%,transparent 71%),linear-gradient(130deg,#4a5baf,#383379 50%,#13182f);--surface:linear-gradient(110deg,#20233bea,#343247eb);background:var(--wallpaper)!important}
html[data-background="metal"] .ambient,.theme-swatch.metal{--wallpaper:linear-gradient(118deg,#121414 0 30%,#3d3e3b 35%,#0d0c0a 35.4% 48%,#6f6251 75%,#b4aa9a);background:var(--wallpaper)!important}
html[data-background="violet"] .ambient,.theme-swatch.violet{--wallpaper:radial-gradient(ellipse at 5% -12%,#b526f2 0,transparent 52%),linear-gradient(178deg,#9842f4 0%,#7146f7 26%,#544cf5 46%,#34337e 70%,#292865 100%);--surface:linear-gradient(110deg,#7b73c629,#8d81ce29);background:var(--wallpaper)!important}
html[data-background="metal"] .ambient{background:linear-gradient(118deg,#121414 0 30%,#3d3e3b 35%,#0d0c0a 35.4% 48%,#6f6251 75%,#b4aa9a)!important}
html[data-background="metal"] .ambient>*{display:none}
html[data-background="violet"] .ambient>*{display:none}
html[data-background="graphite"] .ambient>*{display:none}
html[data-background="blue"] .ambient>*{display:none}
html[data-background="sunset"] .ambient>*{display:none}
html[data-background="iridescent"] .ambient>*{display:none}
.theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.theme-options .theme-swatch{height:150px;border-radius:18px;display:flex;align-items:end;justify-content:center;padding:12px 6px;color:white;text-shadow:0 1px 4px #000}.theme-swatch.metal{background:linear-gradient(118deg,#121414,#6f6251)!important}
