/* Menchi Dimsum — base layer. Mirrors frontend/src/index.css. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-body);background:var(--surface-canvas);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--text-heading)}
p{margin:0}
a{color:var(--text-link);text-decoration:none;font-weight:var(--font-weight-semibold);transition:color var(--transition-duration-fast) var(--transition-easing-default)}
a:hover{color:var(--c-orange)}
:focus-visible{outline:var(--focus-ring-width) solid rgb(var(--focus-ring-color));outline-offset:var(--focus-ring-offset)}
.tabular{font-variant-numeric:tabular-nums}

/* The app canvas: cream base with a warm orange glow top-left and a faint green glow top-right. */
.dim-sum-surface{background:radial-gradient(circle at 10% 20%,rgba(243,194,155,.32),transparent 18rem),radial-gradient(circle at 96% 0%,rgba(47,93,58,.08),transparent 22rem),#F6F1E8}

/* Legacy shorthand still used in product code for a plain white panel. */
.soft-card{background:#fff;border:1px solid #E5DED3;border-radius:16px;box-shadow:0 2px 6px rgba(0,0,0,.05)}

@media (prefers-reduced-motion: no-preference){
  .soft-card,button[class],a[class]{transition:transform var(--transition-duration-base) var(--transition-easing-default),box-shadow var(--transition-duration-base) var(--transition-easing-default),background-color var(--transition-duration-fast) var(--transition-easing-default),border-color var(--transition-duration-fast) var(--transition-easing-default),color var(--transition-duration-fast) var(--transition-easing-default)}
}