/* IPH brand tokens. Source: iph_brand_identity.pdf (impact solution, Jan 2026). */

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/montserrat-latin.woff2") format("woff2");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
  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: "Noto Kufi Arabic";
  src: url("../fonts/noto-kufi-arabic.woff2") format("woff2");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-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;
}

:root {
  /* Brand palette */
  --burgundy: #561B2F;        /* Royal Burgundy, primary */
  --gold: #A47047;            /* Antique Gold, primary */
  --ivory: #FFF2DE;           /* Soft Ivory, secondary */
  --black: #000000;           /* Pure Black, accent */
  --sand: #F1DBC6;            /* fifth swatch from the deck */

  /* Derived */
  --burgundy-deep: #2A0F19;   /* burgundy pulled toward black, the stage floor */
  --burgundy-ink: #3E1322;    /* hover/pressed burgundy */
  --gold-light: #EBD2B4;      /* champagne end of the deck's gold gradient */
  --gold-mid: #C79668;
  --gold-grad: linear-gradient(135deg, #F0D9BD 0%, #C79668 46%, #A47047 100%);

  --ink: var(--burgundy);                                       /* body text on ivory, 11.9:1 */
  --ink-soft: color-mix(in srgb, var(--burgundy) 72%, var(--ivory));   /* secondary text, >= 4.8:1 */
  --line: color-mix(in srgb, var(--burgundy) 55%, var(--ivory));       /* control boundary, >= 3:1 */
  --line-quiet: color-mix(in srgb, var(--burgundy) 16%, var(--ivory));
  --wash: color-mix(in srgb, var(--sand) 55%, var(--ivory));
  --danger: #B3261E;          /* errors only; deliberately not a brand color */

  /* Type */
  --font: "Montserrat", "Noto Kufi Arabic", system-ui, -apple-system, "Segoe UI", Tahoma, sans-serif;

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

  /* Shape */
  --r-pill: 999px;
  --r-field: 14px;

  /* Rhythm */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 72px;

  color-scheme: light;
}