/* Elevation. The file shadows use rgba(0,0,0,0.3) key + rgba(0,0,0,0.15) ambient
   (M3 levels 0-5). Level 0 is flat; the builder chrome relies on hairlines instead. */
:root {
  --elevation-0: none;
  --elevation-1: 0 1px 2px 0 rgba(0,0,0,0.3), 0 1px 3px 1px rgba(0,0,0,0.15);
  --elevation-2: 0 1px 2px 0 rgba(0,0,0,0.3), 0 2px 6px 2px rgba(0,0,0,0.15);
  --elevation-3: 0 1px 3px 0 rgba(0,0,0,0.3), 0 4px 8px 3px rgba(0,0,0,0.15);
  --elevation-4: 0 2px 3px 0 rgba(0,0,0,0.3), 0 6px 10px 4px rgba(0,0,0,0.15);
  --elevation-5: 0 4px 4px 0 rgba(0,0,0,0.3), 0 8px 12px 6px rgba(0,0,0,0.15);
  /* hairline used across every builder panel, toolbar and tab */
  --hairline: 1px solid var(--border-default);
}