/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

:root { --ring: 0 0% 100%; }
html { scroll-behavior: smooth; }
body { font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, 'Apple Color Emoji','Segoe UI Emoji'; }
.container-max { max-width: 1200px; }
.glass { background: rgba(255,255,255,0.06); backdrop-filter: blur(10px); }
.shadow-soft { box-shadow: 0 10px 30px rgba(0,0,0,0.12); }
.ring-brand { box-shadow: 0 0 0 6px rgba(99,102,241,0.12); }
.grid-auto-fit { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.check:before { content: '✔'; }
/* Make images responsive and nicely contained inside aspect boxes */
img { max-width: 100%; height: auto; display: block; }
.mock-img { width: 100%; height: 100%; object-fit: contain; }