/* ray_diagram.css — converging-lens ray diagram (viz/ray_diagram.js) in the shared .lv chrome. */

.ray-axis { stroke: rgba(203, 213, 225, 0.5); stroke-width: 1.2; }
.ray-lens { fill: rgba(56, 189, 248, 0.16); stroke: rgba(125, 211, 252, 0.8); stroke-width: 1.6; }
.ray-f { fill: #cbd5e1; }
.ray-flbl { fill: #aab8c9; font-size: 9px; font-weight: 700; paint-order: stroke; stroke: #0b1220; stroke-width: 2.6px; stroke-linejoin: round; }

/* object (violet, solid) + image (amber solid for real, dashed for virtual) */
.ray-obj { fill: #a9c0e2; stroke: #a9c0e2; stroke-width: 2; }
.ray-img { fill: #f59e0b; stroke: #f59e0b; stroke-width: 2; }
.ray-img-virt { fill: none; stroke: #f59e0b; stroke-width: 2; stroke-dasharray: 4 3; }

/* the three principal rays */
.ray-par { stroke: #fbbf24; stroke-width: 1.7; fill: none; }
.ray-cen { stroke: #22d3ee; stroke-width: 1.7; fill: none; }
.ray-foc { stroke: #34d399; stroke-width: 1.7; fill: none; }
.ray-virt { stroke: rgba(148, 163, 184, 0.7); stroke-width: 1.3; stroke-dasharray: 4 3; fill: none; }