/* Đạo Quán R160: one brand vocabulary, derived from the current home page.
 * Reusable components: .dq-ui .dq-card/.dq-button/.dq-input/.dq-field/.dq-chip,
 * .dq-grid/.dq-stack/.dq-icon, shared feature-tile and paper surfaces.
 * Load after R156 design-system.css. Keep its existing brand/geometry tokens.
 */
:root{
  --dq-color-bg:var(--night);--dq-color-deep:var(--night2);
  --dq-color-accent:var(--gold);--dq-color-accent-soft:var(--gold-light);
  --dq-color-surface:var(--paper);--dq-color-text:var(--ink);--dq-color-muted:var(--muted);
  --dq-font-display:"DQ Serif",Georgia,serif;--dq-font-body:"DQ Sans",Arial,sans-serif;
  --dq-space-1:4px;--dq-space-2:8px;--dq-space-3:12px;--dq-space-4:16px;--dq-space-5:24px;--dq-space-6:32px;
  --dq-radius-control:10px;--dq-radius-card:16px;--dq-radius-panel:20px;--dq-radius-pill:999px;
  --dq-motion-fast:160ms;--dq-motion-normal:240ms;--dq-icon-size:22px;
  --dq-color-positive:#15704b;--dq-color-caution:#9e3d27;--dq-color-neutral:#805b25;
  --dq-type-label:12px;--dq-type-body:14px;--dq-type-section:20px;
}
.dq-ui .dq-button,.dq-ui .dq-input{transition:box-shadow var(--dq-motion-fast),filter var(--dq-motion-fast)}
.dq-ui .dq-button:hover:not(:disabled){filter:brightness(1.12)}
.dq-ui .dq-input:focus-visible{outline-color:var(--dq-color-focus);box-shadow:0 0 0 3px #bd8a4526}
.dq-ui .dq-field>span:first-child{font-size:var(--dq-type-label)}
.dq-ui .dq-input[aria-invalid="true"]{border-color:var(--dq-color-bad)}
.dq-ui .dq-card{overflow-wrap:anywhere}.dq-ui .dq-card h2{font-size:var(--dq-type-section)}
.dq-ui .dq-icon{width:var(--dq-icon-size);height:var(--dq-icon-size)}
@media(prefers-reduced-motion:reduce){.dq-ui .dq-button,.dq-ui .dq-input{transition:none}}