/* ============================================================ Periyasamy Industriess — COLOR SCHEME ONLY Dark theme is the default (:root). Light theme applies when . All structural/layout rules live in style.css. ============================================================ */ :root { /* Surfaces & text */ --bg: #0b1220; --bg-2: #0f1a2e; --surface: #121d33; --surface-2: #16233d; --line: rgba(255, 255, 255, 0.08); --header-bg: rgba(11, 18, 32, 0.85); --text: #eaf0fb; --muted: #9fb0cc; --muted-2: #7a89a6; /* Brand accents */ --accent: #ff7a18; /* molten amber */ --accent-2: #ffae42; --steel: #38bdf8; /* electric steel-blue */ /* Brand gradients (identical in both themes) */ --grad-accent: linear-gradient(120deg, #ff7a18 0%, #ffae42 100%); --grad-steel: linear-gradient(120deg, #38bdf8 0%, #818cf8 100%); /* Effects */ --shadow: 0 30px 60px -25px rgba(0, 0, 0, 0.7); /* Tints (subtle accent washes behind icons etc.) */ --accent-tint: rgba(255, 122, 24, 0.12); /* Theme switch — high contrast against the hero in BOTH states */ --switch-track: rgba(255, 255, 255, 0.16); --switch-border: rgba(255, 255, 255, 0.45); /* Hero stats card */ --stat-card: rgba(255, 255, 255, 0.04); } :root[data-theme="light"] { --bg: #f5f7fb; --bg-2: #eaeef6; --surface: #ffffff; --surface-2: #f1f5fb; --line: rgba(15, 23, 42, 0.10); --header-bg: rgba(255, 255, 255, 0.85); --text: #0e1726; --muted: #4a5a73; --muted-2: #5b6678; /* Deepen accents for contrast on light surfaces */ --accent: #d9480f; --accent-2: #ea580c; --steel: #0369a1; --shadow: 0 30px 60px -28px rgba(15, 23, 42, 0.28); --accent-tint: rgba(217, 72, 15, 0.10); --switch-track: rgba(15, 23, 42, 0.12); --switch-border: rgba(15, 23, 42, 0.30); --stat-card: rgba(255, 255, 255, 0.6); } /* Smooth cross-fade when switching schemes */ body, .header, .fcard, .metric, .contact__form, .field input, .field textarea, .ind { transition: background-color 0.4s ease, color 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease; } @media (prefers-reduced-motion: reduce) { body, .header, .fcard, .metric, .contact__form, .field input, .field textarea, .ind { transition: none; } }