diff --git a/static/style.css b/static/style.css index 3ca0b64..c0ed1fe 100644 --- a/static/style.css +++ b/static/style.css @@ -1,20 +1,25 @@ :root { - --primary: #0043CE; - --primary-d: #002D9C; - --primary-bg: #EEF4FF; - --dark: #161616; - --text: #525252; - --muted: #8D8D8D; - --gray-20: #E0E0E0; - --gray-10: #F4F4F4; + --primary: #2563EB; + --primary-d: #1D4ED8; + --primary-bg: #EFF6FF; + --hero-bg: #0F172A; + --dark: #111827; + --text: #374151; + --muted: #9CA3AF; + --border: #E5E7EB; + --section-alt:#F9FAFB; --white: #FFFFFF; - --red: #DA1E28; - --red-bg: #FFF1F1; - --red-border: #FFB3B8; - --green: #198038; - --green-bg: #DEFBE6; - --green-bdr: #A7F0BA; + --red: #DC2626; + --red-bg: #FEF2F2; + --red-border: #FECACA; + --green: #16A34A; + --green-bg: #F0FDF4; + --green-bdr: #BBF7D0; --mono: 'IBM Plex Mono', 'Fira Code', 'Consolas', monospace; + + /* legacy aliases so tak/admin still work */ + --gray-20: #E5E7EB; + --gray-10: #F9FAFB; } *, *::before, *::after { @@ -755,3 +760,13 @@ footer { padding: 2.5rem 1.25rem; } } + +/* ── Form helpers ──────────────────── */ +.required { + color: var(--red); +} + +.optional { + color: var(--muted); + font-weight: 400; +} diff --git a/templates/base.html b/templates/base.html index a5a58ed..854a724 100644 --- a/templates/base.html +++ b/templates/base.html @@ -25,7 +25,7 @@