/* Radius + elevation.

   There are no drop shadows in the dark theme's structural language.
   Elevation is a tonal step plus a 1px top edge-light — the way a machined
   panel catches a room light. Shadows appear only where an element genuinely
   floats above the page (dropdown, dialog, the hero console). */
:root {
  --r-card: 0.875rem;    /* 14px — cards, panels, chart frames */
  --r-control: 0.5rem;   /* 8px  — buttons, inputs, chips      */
  --r-chip: 0.25rem;     /* 4px  — mono label chips, bar caps  */
  --r-pill: 999px;

  /* Elevation levels. Apply the matching background + border + edge light. */
  --elev-0-bg: var(--sx-canvas);
  --elev-1-bg: var(--sx-surface);
  --elev-2-bg: var(--sx-raised);
  --elev-3-bg: var(--sx-overlay);

  --edge-top: inset 0 1px 0 0 var(--sx-edge-light);
  --shadow-float: 0 24px 48px -12px rgba(0, 0, 0, 0.65);
  --shadow-overlay: 0 16px 40px -8px rgba(0, 0, 0, 0.7);

  /* Hairline stroke width used across charts and diagrams */
  --hairline: 1px; /* @kind spacing */
}

[data-theme="paper"] {
  --shadow-float: 0 12px 28px -10px rgba(11, 15, 26, 0.18);
  --shadow-overlay: 0 10px 24px -8px rgba(11, 15, 26, 0.16);
}