/* =========================================================
   Carthena Talent Screening - Brand tokens (Brand Manual 2.0)
   Single source of truth for brand colour and typography.
   Linked first on every page, before any page-specific CSS or
   inline <style>, so these declarations win by order and every
   other stylesheet (carthena.css, admin.css, report.css, the
   section CSS and the DISC/platform inline styles) only
   references the variables below.

   Self-hosted IBM Plex (OFL, licence in /assets/fonts/IBM-Plex-OFL.txt).
   font-display: swap so text paints immediately in the fallback.
   ========================================================= */

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/IBMPlexSans-Regular.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/assets/fonts/IBMPlexSans-Medium.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/assets/fonts/IBMPlexSans-SemiBold.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/fonts/IBMPlexSans-Bold.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/IBMPlexSerif-Regular.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/IBMPlexSerif-Italic.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Serif';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/assets/fonts/IBMPlexSerif-SemiBold.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Serif';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/fonts/IBMPlexSerif-Bold.woff2') format('woff2');
}

:root {
  /* === Red === */
  /* Pure red for the wordmark, monogram, headlines and figures 24px+,
     markers, decorative shapes and red-on-dark. */
  --red:            #FF0000;
  --carthena-red:   #FF0000;
  /* Deep red for filled actions and small red text on light (>=4.5:1). */
  --red-deep:       #CC0000;
  /* Pressed/hover for filled red actions. */
  --red-pressed:    #A30000;
  --red-tint:       #FFE5E5;

  /* === Typography === */
  /* Headings: IBM Plex Serif. Body, form and interface: IBM Plex Sans.
     Georgia and Arial remain only as fallbacks. */
  --sans:       "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
  --serif:      "IBM Plex Serif", Georgia, "Times New Roman", serif;
  --font-sans:  "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
  --font-serif: "IBM Plex Serif", Georgia, "Times New Roman", serif;
}