/* app/assets/stylesheets/dashboard.css */ :root { /* Accent palette, every brand-colored surface derives from these seven variables, so [data-palette="…"] below can re-skin the whole app. --primary-rgb feeds rgba() tints, --primary-gradient-end the hero gradients, --primary-bright the accent text on dark backgrounds, --primary-deep/--primary-deeper the painted sidebar gradient. */ --primary-color: #4361ee; --secondary-color: #3f37c9; --primary-rgb: 67, 97, 238; --primary-gradient-end: #8aa6ff; --primary-bright: #93a4ff; --primary-deep: #2d3ea8; --primary-deeper: #1e2b76; --success-color: #4cc9a4; --warning-color: #f9c74f; --danger-color: #f94144; --info-color: #3abff8; --light-color: #f8f9fa; --dark-color: #1e293b; --sidebar-width: 240px; --header-height: 64px; --border-radius: 10px; --box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); /* App chrome, shared by sidebar / header / footer for a single seamless look. */ --app-bg: #f5f7fb; --app-panel: #ffffff; --app-border: #e9ecf2; --app-text: #1e293b; --app-text-muted: #64748b; /* Clearly below --app-text-muted, so a hint never reads as a typed value. Safe to go this light because every field here carries a real