/* ============================================================
   AYSTER OFFICIAL WHITE THEME — one colour identity, whole app.
   Clean white + soft neutrals + official red accent (#7c3aed),
   matching the Ayster Shaadi page. Applied as the final layer
   on every page.
   Copyright © 2026 Ayster. All rights reserved.
   ============================================================ */
:root{
  --ayster-bg:#ffffff;            /* official white app background */
  --ayster-bg-deep:#ffffff;       /* base background */
  --ayster-bg-soft:#f7f7f8;       /* raised soft surface */
  --ayster-red:#7c3aed;           /* official red accent */
  --ayster-red-deep:#6d28d9;      /* red accent (deep) */
  --ayster-red-soft:#f5f1fe;      /* red tint surface */
  --ayster-surface:rgba(0,0,0,.03);
  --ayster-surface-border:#ece7e4;
  --ayster-text:#23262b;          /* standard text */
  --ayster-muted:#6b7280;         /* standard secondary text */
  --ayster-gold-hi:#7c3aed;       /* legacy accent var → red */
  --ayster-gold:#7c3aed;          /* legacy accent var → red */
  --ayster-gold-deep:#6d28d9;     /* legacy accent var → red deep */
  --ayster-gold-ink:#ffffff;      /* text on red */
}

/* 1 · ONE clean white background + text colour on every page */
html{background:var(--ayster-bg-deep)!important}
body{
  background:#ffffff!important;
  color:var(--ayster-text)!important;
}
/* native controls (pickers, dropdowns, checkboxes) follow the light standard */
input,select,textarea{color-scheme:light}

/* 2 · Ambient soft light over every page */
body::after{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background:none;
}

/* 3 · Unified AYSTER wordmark — official red on white */
.brand{
  background:none!important;
  -webkit-background-clip:initial!important;background-clip:initial!important;
  -webkit-text-fill-color:var(--ayster-red)!important;color:var(--ayster-red)!important;
}

/* 4 · ONE standard primary button — official red, everywhere */
.btn.primary,
button.primary,
.primary,
.preview-cta,
.studio-btn,
.cta-btn{
  background:linear-gradient(135deg,#7c3aed,var(--ayster-red) 55%,var(--ayster-red-deep))!important;
  color:#ffffff!important;
  border:0!important;
  font-weight:800!important;
  box-shadow:0 6px 20px rgba(124,58,237,.22)!important;
}

/* 5 · ONE standard active-chip / active-pill — red tint, everywhere */
.chip.active,
.mca-pill.active,
.tf-btn.active,
.v59-topnav button.active{
  background:linear-gradient(135deg,rgba(124,58,237,.12),rgba(124,58,237,.06))!important;
  color:var(--ayster-red)!important;
  border-color:rgba(124,58,237,.30)!important;
  box-shadow:inset 0 0 0 1px rgba(124,58,237,.30)!important;
}

/* 6 · Standard secondary text */
.muted{color:var(--ayster-muted)!important}

/* 7 · Text selection */
::selection{background:rgba(124,58,237,.18);color:#23262b}

/* 8 · Refined scrollbar */
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(0,0,0,.18);border-radius:8px;border:2px solid transparent;background-clip:content-box}
::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.32);background-clip:content-box;border:2px solid transparent}

/* 9 · Red focus ring */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid rgba(124,58,237,.55)!important;outline-offset:2px;
}
/* Gentle press feedback */
.card:active,.tile:active{transform:scale(.985)}

/* cya-nav-slim (v19): bottom bar a bit smaller, always visible after login */
body #aysterV69BottomNav{height:54px!important}
body #aysterV69BottomNav a{height:44px!important}
body #aysterV69BottomNav .ico{font-size:18px!important}