/* ===== Amihan visual elevation layer — buddy + Central =====
   Loaded AFTER the page's own CSS so these rules win (same/higher specificity). */

:root{
  /* slightly larger root scale for readability */
}

/* ---- base type bump: everything scales up ---- */
html{ font-size: 17px; }              /* was ~16px baseline */
body{ font-size: 1.02rem; line-height: 1.6; letter-spacing: .002em; }

/* ---- display font: stronger, tighter, more premium ---- */
h1,h2,h3{ font-family: Sora, Inter, system-ui, sans-serif; letter-spacing: -0.02em; font-weight: 700; }
h1{ font-size: 1.7rem; }
h2{ font-size: 1.35rem; }
h3{ font-size: 1.12rem; }

/* ---- chat bubbles & message text: bigger, more readable ---- */
.bubble{ font-size: 1.02rem; line-height: 1.6; }
.msg .bubble{ border-radius: 18px; }

/* ---- cards & panels: richer elevation, softer radius, crisper borders ---- */
.card, .chart-card, aside .card{
  border-radius: 18px !important;
  box-shadow: 0 1px 2px rgba(8,10,18,.04), 0 4px 18px rgba(8,10,18,.06);
  border-width: 1.5px;
}
[data-theme="dark"] .card,
[data-theme="dark"] .chart-card{
  box-shadow: 0 2px 6px rgba(0,0,0,.35), 0 8px 28px rgba(0,0,0,.3);
}

/* ---- primary buttons: gradient + glow, taller, larger label ---- */
button, .btn{ letter-spacing: .005em; }
#newchat, .btn.primary, button[type="submit"]{
  background-image: linear-gradient(135deg, var(--blue), var(--blue-hi));
  box-shadow: 0 4px 14px rgba(20,50,245,.22);
}
#newchat:hover, .btn.primary:hover{ box-shadow: 0 6px 20px rgba(20,50,245,.3); }

/* ---- wordmark / brand: more presence ---- */
.wordmark{ font-size: 1rem; letter-spacing: .26em; }
.brand .name{ font-size: 1.3rem; font-weight: 600; }

/* ---- sidebar conversations & tasks: roomier, clearer ---- */
.conv{ font-size: 1.0rem; padding: 11px 13px; border-radius: 12px; }
.task{ font-size: 1.0rem; padding: 10px 12px; }

/* ---- inputs: taller, friendlier, larger text ---- */
input, select, textarea{ font-size: 1.02rem; }
input:focus, select:focus, textarea:focus{
  border-color: var(--blue);
  box-shadow: 0 0 0 3px rgba(20,50,245,.12);
}

/* ---- topbar (Central): taller, gradient wordmark ---- */
.topbar{ height: 62px; }
.topbar .wm{ font-size: 0.95rem; letter-spacing: .3em; }
.topbar .ttl{ font-size: 1.12rem; }

/* ---- Central stat cards & labels: bigger numbers, clearer labels ---- */
.stat .v, .big-num{ font-size: 2rem; font-weight: 700; letter-spacing: -0.02em; }
.bar-label, .pie-legend-label{ font-size: 0.95rem; }
.bar-val{ font-size: 0.85rem; }

/* ---- nav tabs: larger tap targets, clearer active state ---- */
.tabs button, nav button{ font-size: 1.0rem; padding: 10px 16px; min-height: 44px; }

/* ---- smoother everything ---- */
.card, .conv, .task, button, input, .bubble{ transition: box-shadow .18s ease, border-color .18s ease, transform .12s ease; }

/* ---- subtle page backdrop polish (dark gets a faint brand glow) ---- */
[data-theme="dark"] body{
  background-image:
    radial-gradient(700px 420px at 12% -6%, rgba(20,50,245,.10), transparent 60%),
    radial-gradient(600px 400px at 96% 4%, rgba(101,178,249,.07), transparent 60%);
  background-attachment: fixed;
}