/* VaultoSMS tokens — launch theme "Eko Green". The ONLY file with literal colours. Mirrors design/tokens.json.
   Other explored themes are archived in design/themes-archive/ and are not shipped. */
@font-face{font-family:"Archivo";src:url("../fonts/archivo-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Archivo";src:url("../fonts/archivo-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Archivo";src:url("../fonts/archivo-800.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"Sora";src:url("../fonts/sora-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Sora";src:url("../fonts/sora-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Sora";src:url("../fonts/sora-800.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap}

:root{
  color-scheme: light;
  --c-bg: #F4F1EA;
  --c-surface: #EAE6DA;
  --c-raised: #ffffff;
  --c-text: #0F2A1F;
  --c-muted: #4f5d55;
  --c-line: #8a958d;
  --c-line-soft: #d9d6cb;
  --c-brand: #0A4D32;
  --c-brand-fill: #0A4D32;
  --c-brand-fill-hover: #0D6040;
  --c-brand-fill-active: #073824;
  --c-on-brand: #ffffff;
  --c-brand-text: #0A4D32;
  --c-brand-tint: #E2EEE5;
  --c-ok-fill: #B8F35A;
  --c-on-ok: #0F2A1F;
  --c-ok-bg: #E9FBCF;
  --c-ok-text: #2F5A00;
  --c-warn-bg: #FBEFD2;
  --c-warn-text: #7A5200;
  --c-danger-bg: #FCE9E4;
  --c-danger-text: #A3260B;
  --c-info-bg: #EAE6DA;
  --c-info-text: #0F2A1F;
  --c-scrim: rgba(15,42,31,0.55);
  --c-skeleton: #E2DDCF;
  --c-skeleton-shine: #EEEAE0;
  --font-ui: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, "SF Mono", "Roboto Mono", Menlo, Consolas, monospace;
  --fw-regular: 400;
  --fw-semibold: 600;
  --fw-heavy: 800;
  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-base: 15px;
  --fs-md: 17px;
  --fs-lg: 20px;
  --fs-xl: 25px;
  --fs-2xl: 32px;
  --fs-3xl: 42px;
  --fs-otp: 40px;
  --fs-balance: 32px;
  --lh-tight: 1.12;
  --lh-snug: 1.3;
  --lh-body: 1.55;
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10: 40px;
  --sp-12: 48px;
  --sp-16: 64px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --rule: 1px;
  --hair: 1px;
  --shadow-sm: 0 1px 2px rgba(45,43,43,0.14);
  --shadow-md: 0 3px 10px rgba(45,43,43,0.16);
  --shadow-lg: 0 12px 32px rgba(45,43,43,0.22);
  --dur-fast: 120ms;
  --dur-base: 200ms;
  --dur-slow: 320ms;
  --ease: cubic-bezier(.2,.7,.2,1);
  --touch: 44px;
  --tabbar-h: 60px;
  --topbar-h: 56px;
  --sidebar-w: 248px;
  --content-max: 1120px;
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --font-display: "Sora", var(--font-ui);
  --c-hero-bg: #0A4D32;
  --c-hero-text: #ffffff;
  --c-hero-accent: #B8F35A;
  --c-hero-btn-bg: #B8F35A;
  --c-hero-btn-text: #0F2A1F;
  --c-hero-line: rgba(255,255,255,0.6);
  --c-hero-hover: rgba(255,255,255,0.12);
  --c-hero-motif: rgba(184,243,90,0.2);
  --c-chrome-bg: #F4F1EA;
  --c-chrome-text: #0F2A1F;
  --c-chrome-muted: #4f5d55;
  --c-chrome-accent: #0A4D32;
  --c-chrome-line: #d9d6cb;
  --c-chrome-pill-bg: #EAE6DA;
  --c-chrome-pill-text: #0F2A1F;
  --c-otp-bg: #0A4D32;
  --c-otp-text: #E9FBCF;
  --c-otp-digits: #B8F35A;
  --c-otp-btn-bg: #B8F35A;
  --c-otp-btn-text: #0F2A1F;
  --c-tile-icon: #0A4D32;
  --c-tiles-gap-bg: transparent;
  --tiles-gap: 10px;
  --c-mark-hl: #B8F35A;
  --c-mark-text: #0A4D32;
  --c-decor-1: #B8F35A;
  --c-decor-2: #0A4D32;
  --c-decor-3: #B8F35A;
  --c-qr-bg: #ffffff;
  --c-qr-ink: #000000;
  --section-rule: 0px;
  --radius-pill: 999px;
}
[data-theme="dark"]{
  color-scheme: dark;
  --c-bg: #0B1712;
  --c-surface: #12221A;
  --c-raised: #1A2E24;
  --c-text: #EEF5EF;
  --c-muted: #A3B5AA;
  --c-line: #4a5f53;
  --c-line-soft: #24392E;
  --c-brand: #B8F35A;
  --c-brand-fill: #B8F35A;
  --c-brand-fill-hover: #CBF77E;
  --c-brand-fill-active: #A2E03C;
  --c-on-brand: #0F2A1F;
  --c-brand-text: #B8F35A;
  --c-brand-tint: #1E3A10;
  --c-ok-fill: #B8F35A;
  --c-on-ok: #0F2A1F;
  --c-ok-bg: #1E3A10;
  --c-ok-text: #CBF77E;
  --c-warn-bg: #33260c;
  --c-warn-text: #f3c46b;
  --c-danger-bg: #3a1610;
  --c-danger-text: #ff9783;
  --c-info-bg: #1A2E24;
  --c-info-text: #EEF5EF;
  --c-scrim: rgba(0,0,0,0.7);
  --c-skeleton: #1A2E24;
  --c-skeleton-shine: #22392C;
  --shadow-sm: 0 0 0 1px rgba(255,255,255,0.06);
  --shadow-md: 0 0 0 1px rgba(255,255,255,0.08), 0 6px 18px rgba(0,0,0,0.5);
  --shadow-lg: 0 0 0 1px rgba(255,255,255,0.08), 0 16px 40px rgba(0,0,0,0.6);
  --c-hero-bg: #12382A;
  --c-chrome-bg: #0B1712;
  --c-chrome-text: #EEF5EF;
  --c-chrome-muted: #A3B5AA;
  --c-chrome-accent: #B8F35A;
  --c-chrome-line: #24392E;
  --c-chrome-pill-bg: #12221A;
  --c-chrome-pill-text: #EEF5EF;
  --c-otp-bg: #12382A;
  --c-tile-icon: #B8F35A;
  --c-mark-text: #EEF5EF;
  --c-mark-hl: #2F5A00;
}
@media (prefers-reduced-motion: reduce){:root{--dur-fast:0ms;--dur-base:0ms;--dur-slow:0ms}}