complete story 12.6

This commit is contained in:
Naser Mansour
2026-01-04 02:31:30 +02:00
parent 45f029a1db
commit 149b3c4e53
7 changed files with 131 additions and 75 deletions
+20 -8
View File
@@ -1814,10 +1814,16 @@ resources/lang/
--font-arabic: 'Cairo', sans-serif;
--font-english: 'Montserrat', sans-serif;
/* Brand colors - Updated in Epic 10 */
--color-charcoal: #4A4A42;
--color-warm-gray: #C9C4BA;
--color-off-white: #E8E4DC;
/* Brand colors - Updated in Epic 12 */
--color-dark-forest: #2D3624;
--color-warm-gold: #A68966;
--color-warm-cream: #F4F1EA;
--color-forest-green: #2D322A;
--color-pure-white: #FFFFFF;
--color-olive-green: #4A5D23;
--color-primary-light: #3D4634;
--color-gold-hover: #8A7555;
--color-gold-light: #C4A882;
--color-deep-black: #1A1A1A;
}
@@ -3119,14 +3125,20 @@ select, separator, skeleton, switch, text, textarea, tooltip
### B. Color Palette
> **Note:** Color palette updated in Epic 10 (Brand Color Refresh).
> **Note:** Color palette updated in Epic 12 (Dark Charcoal & Warm Gold refresh).
> See `docs/brand.md` for complete brand guidelines.
| Name | Hex | CSS Variable | Usage |
|------|-----|--------------|-------|
| Charcoal | `#4A4A42` | `--color-charcoal` | Primary brand, buttons |
| Warm Gray | `#C9C4BA` | `--color-warm-gray` | Accents, borders |
| Off-White | `#E8E4DC` | `--color-off-white` | Backgrounds, cards |
| Dark Forest Green | `#2D3624` | `--color-dark-forest` | Header/Footer backgrounds |
| Warm Gold | `#A68966` | `--color-warm-gold` | CTA buttons, links, accents |
| Warm Cream | `#F4F1EA` | `--color-warm-cream` | Main page background |
| Forest Green | `#2D322A` | `--color-forest-green` | Headings, body text |
| Pure White | `#FFFFFF` | `--color-pure-white` | Card backgrounds |
| Olive Green | `#4A5D23` | `--color-olive-green` | Active states |
| Primary Light | `#3D4634` | `--color-primary-light` | Primary hover states |
| Gold Hover | `#8A7555` | `--color-gold-hover` | Button hover states |
| Gold Light | `#C4A882` | `--color-gold-light` | Light accents |
| Deep Black | `#1A1A1A` | `--color-deep-black` | Text, footer |
| Success Green | `#27AE60` | `--color-success` | Success states |
| Warning Red | `#E74C3C` | `--color-danger` | Error states |