/* H.M One brand theme: the H.M Media palette (near-black with green) and its typefaces.
   Loaded through config('branding.stylesheet'), so no asset rebuild is needed to change it. */
@import url('https://fonts.bunny.net/css?family=manrope:400,500,600,700,800|ibm-plex-sans-arabic:400,500,600,700&display=swap');

:root {
    --brand-primary: #1f8f4e;
    --brand-primary-strong: #166e3b;
    --brand-accent: #3dbe72;
    --brand-surface: #060706;
}

html:root {
    --font-sans: 'Manrope', 'IBM Plex Sans Arabic', 'Segoe UI', Tahoma, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

html[lang='ar']:root {
    --font-sans: 'IBM Plex Sans Arabic', 'Manrope', 'Segoe UI', Tahoma, ui-sans-serif, system-ui, sans-serif;
}

/* Sign-in page links back to the public website. */
.auth-public-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.4rem 1.25rem; margin-top: 1.1rem; font-size: 0.78rem; }
.auth-public-links a { color: var(--brand-accent); font-weight: 600; text-decoration: none; }
.auth-public-links a:hover { text-decoration: underline; }

/* Section kickers use the brand accent instead of the default indigo. */
.platform-kicker { color: var(--brand-accent); }