diff --git a/frontend/src/styles/igny8-colors.css b/frontend/src/styles/igny8-colors.css index 0a2586ad..23fd5a16 100644 --- a/frontend/src/styles/igny8-colors.css +++ b/frontend/src/styles/igny8-colors.css @@ -15,43 +15,26 @@ /* === CSS CUSTOM PROPERTIES (Variables) === */ /* OLD COLOR PALETTE - COMMENTED OUT :root { - /* Primary Brand Colors */ - --igny8-blue: #0693e3; /* Rocket vivid cyan blue - primary brand & main CTA */ - --igny8-blue-dark: #0472b8; /* Darkened cyan for hover / active / gradient depth */ - - /* Success Green (cooler to match cyan) */ - --igny8-green: #0bbf87; /* Slightly cooler teal-green for success states */ - --igny8-green-dark: #08966b; /* Deeper teal-green for hover / active */ - - /* Amber / Warning (warmed up to complement cyan) */ - --igny8-amber: #ff7a00; /* Rocket's vivid orange for highlight / warning */ - --igny8-amber-dark: #cc5f00; /* Darker orange for hover / strong warning */ - - /* Danger / Destructive */ + --igny8-blue: #0693e3; + --igny8-blue-dark: #0472b8; + --igny8-green: #0bbf87; + --igny8-green-dark: #08966b; + --igny8-amber: #ff7a00; + --igny8-amber-dark: #cc5f00; --igny8-red: #ef4444; - --igny8-red-dark: #d13333; /* Refreshed red with better contrast against cyan */ - - /* Purple */ - --igny8-purple: #5d4ae3; /* Purple for highlighting / special emphasis */ - --igny8-purple-dark: #3a2f94; /* Darker purple for hover / active */ - - /* Background Colors */ - --igny8-navy-bg: #0d1b2a; /* Sidebar background */ - --igny8-navy-bg-2: #142b3f; /* Slightly lighter navy, hover/active */ - --igny8-surface: #f8fafc; /* Page background (soft gray-white) */ - --igny8-panel: #ffffff; /* Cards / panel foreground */ - --igny8-panel-2: #f1f5f9; /* Sub-panel / hover card background */ - - /* Text Colors */ - --igny8-text: #555a68; /* main headings/body text */ - --igny8-text-dim: #64748b; /* secondary/subtext */ - --igny8-text-light: #e5eaf0; /* text on dark sidebar */ - --igny8-stroke: #e2e8f0; /* table/grid borders and dividers */ - - /* Border Radius */ + --igny8-red-dark: #d13333; + --igny8-purple: #5d4ae3; + --igny8-purple-dark: #3a2f94; + --igny8-navy-bg: #0d1b2a; + --igny8-navy-bg-2: #142b3f; + --igny8-surface: #f8fafc; + --igny8-panel: #ffffff; + --igny8-panel-2: #f1f5f9; + --igny8-text: #555a68; + --igny8-text-dim: #64748b; + --igny8-text-light: #e5eaf0; + --igny8-stroke: #e2e8f0; --igny8-radius: 6px; - - /* Gradients */ --igny8-gradient-blue: linear-gradient(135deg, var(--igny8-blue) 0%, var(--igny8-blue-dark) 100%); --igny8-gradient-success: linear-gradient(135deg, var(--igny8-green) 0%, var(--igny8-green-dark) 100%); --igny8-gradient-warning: linear-gradient(135deg, var(--igny8-amber) 0%, var(--igny8-amber-dark) 100%);