/* DAGI DOO shared visual tokens.
   Canonical source for storefront color and radius language.
   Presentation layers remain independent; only brand primitives are shared. */
:root {
  /* Brand neutrals */
  --dd-color-bg: #f4f4f4;
  --dd-color-surface: #fff;
  --dd-color-text: #141414;
  --dd-color-ink: #111;
  --dd-color-line: #d8d8d8;
  --dd-color-muted: #777;
  --dd-color-soft: #f1f4f8;
  --dd-color-soft-gradient-start: #edf4f8;
  --dd-color-soft-gradient-end: #dcecf5;

  /* Radius language */
  --dd-radius-card: 0px;
  --dd-radius-banner: 14px;
  --dd-radius-control: 10px;
  --dd-radius-control-sm: 9px;
  --dd-radius-icon: 8px;
  --dd-radius-badge: 6px;
  --dd-radius-pill: 999px;
  --dd-radius-sheet: 18px;
}