/*
 * SeedSwap 26 brand theme (SPEC §8). The only place for brand colours, fonts
 * and image paths; the rest of the code uses these variables. How to swap
 * things: brand/README.md.
 *
 * Paths: the build serves this folder at /brand/ on both sites. Font URLs in
 * @font-face are relative to this file. Image URLs inside variables must be
 * absolute (/brand/…), because a url() in a variable is resolved where the
 * variable is used, not here.
 *
 * Source: the client's media kit (media-kit/, PROGRESS.md → Media kit).
 * Light theme only.
 */

/* Body text: IBM Plex Sans Arabic (SIL OFL), Arabic and Latin in one family.
   The kit's fonts are display faces, so they're kept for headings. */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/ibm-plex-sans-arabic/ibm-plex-sans-arabic-arabic-400-normal.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E,
    U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/ibm-plex-sans-arabic/ibm-plex-sans-arabic-arabic-700-normal.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E,
    U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/ibm-plex-sans-arabic/ibm-plex-sans-arabic-latin-400-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/ibm-plex-sans-arabic/ibm-plex-sans-arabic-latin-700-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* English headings: Cooper Std Black (kit page 1). Latin only; the client holds
   a web licence for this use (fonts/cooper-std/LICENSE.txt). */
@font-face {
  font-family: 'Cooper Std';
  font-style: normal;
  font-weight: 700 900;
  font-display: swap;
  src: url(fonts/cooper-std/cooper-std-black.woff2) format('woff2');
  unicode-range: U+0020-007E, U+00A0-00FF, U+2010-2026, U+20AC, U+FB01-FB02;
}

/* Arabic headings: Qahwa Arabic Bold (kit page 2). Arabic glyphs only, so
   Latin letters and digits in a heading fall back to the next font. */
@font-face {
  font-family: 'Qahwa Arabic';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/qahwa-arabic/qahwa-arabic-bold.woff2) format('woff2');
  unicode-range: U+0020, U+00A0, U+0600-06FF, U+200C-200F, U+FB50-FDFF, U+FE70-FEFF;
}

:root {
  /* Kit page 3: #3b74b7, #000000, #ffffff */
  --brand-primary: #3b74b7; /* 4.7:1 on white: fine for text and for white button text */
  --brand-primary-contrast: #ffffff;
  --brand-accent: #000000; /* the kit has no separate accent colour; black is its second colour */
  --bg: #ffffff;
  --surface: #ffffff;
  --text: #000000;
  --text-muted: #555555; /* 7.5:1 on white */
  --radius: 14px; /* the poster's rounded info boxes */

  /* Body text. Arabic pages use var(--font-arabic) first. */
  --font-latin: 'IBM Plex Sans Arabic', system-ui, sans-serif;
  --font-arabic: 'IBM Plex Sans Arabic', system-ui, sans-serif;

  /* Headings: the kit's fonts (pages 1 and 2). Qahwa has no Latin letters, so
     Latin text in an Arabic heading (e.g. "SeedSwap 26") falls to Cooper Std. */
  --font-display-latin: 'Cooper Std', var(--font-latin);
  --font-display-arabic: 'Qahwa Arabic', 'Cooper Std', var(--font-arabic);

  /* Kit page 5: the water-tower photo under white at 57% "must be in every background". */
  --bg-image: url(/brand/images/background.jpg);
  --bg-overlay: rgba(255, 255, 255, 0.57);

  /* All five logos in one row, drawn at the top of the saved ticket image. */
  --ticket-logo: url(/brand/images/logo-ticket.png);

  /* Optional top banner (images/hero.jpg, 1600 × 600). None in the kit. */
  --hero-image: none;
}