/* theme.css — the token swap layer.
   This is the ONLY file a reseller re-skin should need to touch. Every
   component style (app.css) references these variables and nothing else. */
:root {
  /* color */
  --bg: #FBF7EF; --surface: #FFFFFF; --surface-2: #F4ECDC;
  --ink: #2A2118; --ink-soft: #6B5E4B;
  --primary: #A9791C; --primary-deep: #8A6212;
  --accent: #7A1F2B; --muted: #E0A630;
  --line: #E7DCC6; --danger: #8A1F1F;
  --btn-grad: linear-gradient(180deg, #E7B23E 0%, #C8901F 100%);
  --btn-border: #C8901F;
  --on-primary: #3A2C10;            /* dark ink for text on gold (AA on gradient) */

  /* form */
  --radius: 14px; --radius-sm: 10px; --radius-xs: 8px;
  --shadow: 0 1px 2px rgba(42, 33, 24, .06), 0 10px 28px -16px rgba(42, 33, 24, .22);
  --shadow-lg: 0 2px 6px rgba(42, 33, 24, .07), 0 26px 60px -24px rgba(42, 33, 24, .32);

  /* type */
  --serif: 'Marcellus', Georgia, serif;
  --sans: 'Mukta', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}