/* * منصة التطوع — the visual identity from docs/volunteering-prototype/SPEC-ar.md. * * Its own stylesheet rather than an extension of theme.css. The volunteering platform has a * different palette (clay orange on warm beige, against HR's), a public face HR does not have, and a * printed certificate nothing else in this application needs. Sharing a file would have meant every * HR page downloading certificate rules and every VO page carrying the candidate board's. * * **The font is Foda, the same face نظام الموارد البشرية uses.** Faris's decision, 2026-09-03. It * replaces the system stack the spec fell back to, and it is not a Google Fonts link — `font-src * 'self'` forbids those, so the file is served from this application beside theme.css's own * `@font-face` for the same family. One face across the portals is the point: a volunteer arriving * from the association's site should not meet a different typeface on the way. * * The vo.* pages carry no inline styles except one: the width of a progress bar, which is per-row * data and cannot come from a stylesheet. Everything else lives here, unlike landing.blade.php — * which is built almost entirely from inline `style="…"` and is the reason `style-src` still has to * allow 'unsafe-inline'. */ /* * Declared here as well as in theme.css, not shared from it. A VO page loads vo.css alone — the two * stylesheets are never on the same document — so a page that inherited the rule would download no * font at all. The browser resolves the duplicate to one cached file. */ @font-face { font-family: "Foda"; src: url("../fonts/foda.ttf") format("opentype"); font-display: swap; font-style: normal; font-weight: 400; } :root { --vo-primary: #C0451A; --vo-primary-hover: #9A360F; --vo-accent: #D08A3C; --vo-bg: #FAF6F2; --vo-card: #FFFFFF; --vo-border: #EADFD7; --vo-text: #2B2320; --vo-muted: #6E5F57; --vo-radius: 14px; --vo-radius-lg: 22px; --vo-radius-sm: 10px; --vo-font: "Foda", Tahoma, Arial, sans-serif; } * { box-sizing: border-box; } body.vo { margin: 0; background: var(--vo-bg); color: var(--vo-text); font-family: var(--vo-font); line-height: 1.7; } /* * `:not(.vo-btn)` matters more than it looks. `.vo a` scores (0,1,1) and `.vo-btn` scores (0,1,0), so * this rule was beating the button's own `color: #fff` no matter how far below it that sat — every * `` on منصة التطوع drew clay text on a clay background and read as a blank slab. * A `