/* AnswerMeld shape, spacing, elevation tokens — from App.css */

:root {
  --radius: 18px;
  --radius-input: 18px;
  --radius-sm: 10px;
  --radius-pill: 9999px;

  --control-height-sm: 30px;
  --control-height: 34px;
  --control-height-lg: 42px;
  --control-gap: 8px;
  --control-pad-x: 10px;
  --card-pad: 20px;

  --icon-sm: 15px;
  --icon-md: 17px;

  --am-shadow: 0 24px 60px rgba(16, 18, 28, 0.14), 0 2px 8px rgba(16, 18, 28, 0.06);
  --am-card-shadow: 0 1px 2px rgba(16, 18, 28, 0.04);
  --shadow: var(--am-shadow);
  --shadow-sm: var(--am-card-shadow);
  --shadow-focus: 0 0 0 4px rgba(61, 90, 253, 0.13);
}

:root[data-answermeld-theme="dark"],
.theme-dark {
  --am-shadow: 0 24px 60px rgba(0, 0, 0, 0.5), 0 2px 8px rgba(0, 0, 0, 0.4);
  --am-card-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-focus: 0 0 0 4px rgba(124, 147, 255, 0.2);
}