/* ==========================================================================
   Jukselapp — Color tokens
   Pulled directly from the screen-printed poster series (Stopp Nussirgruva,
   Redd Repparfjord, Baajh Vaeride Årrodh) — flat, saturated riso/screenprint
   inks on a warm uncoated paper ground. No gradients; colors are used as
   flat fills only.
   ========================================================================== */

:root {
  /* ---- Base palette (raw ink colors) ---- */
  --red-600: #D42C25;      /* screenprint red — protest headlines, fish */
  --red-700: #B8221D;      /* pressed / darker red */
  --blue-700: #1D4FD7;     /* bright poster blue — water, waves */
  --blue-900: #172868;     /* deep navy — flag/night sky fields */
  --orange-500: #F2A73B;   /* mustard/orange — sun, turbines, accents */
  --orange-600: #E8871E;   /* deeper orange — fish body, hover state */
  --yellow-400: #F6C445;   /* screenprint yellow — flag mid-band */
  --green-600: #2E8B57;    /* woven-pattern green — used sparingly, textile motif */

  --ink-900: #1B1A17;      /* near-black ink used for line art & body text */
  --ink-700: #3A3733;

  --cream-50:  #FBF6EA;    /* lightest paper */
  --cream-100: #F4ECDC;    /* standard uncoated paper ground */
  --cream-200: #EADFC7;    /* slightly deeper paper / card wells */
  --white: #FFFFFF;

  /* ---- Semantic aliases ----
     Poster blue + deep navy are the prioritized brand colors; red is the
     secondary accent (protest-headline color), orange a tertiary accent. */
  --surface-page: var(--cream-100);
  --surface-raised: var(--white);
  --surface-sunken: var(--cream-200);
  --surface-ink: var(--blue-900);

  --text-primary: var(--ink-900);
  --text-muted: var(--ink-700);
  --text-inverse: var(--cream-50);
  --text-on-brand: var(--cream-50);

  --brand-primary: var(--blue-700);
  --brand-primary-hover: #163fae;
  --brand-secondary: var(--red-600);
  --brand-secondary-hover: var(--red-700);
  --brand-navy: var(--blue-900);
  --brand-accent: var(--orange-500);
  --brand-accent-hover: var(--orange-600);

  --border-default: rgba(27, 26, 23, 0.14);
  --border-strong: rgba(27, 26, 23, 0.32);
  --focus-ring: var(--blue-700);

  /* Darker tint of each hue, used only as the color in hard print-offset shadows */
  --shadow-tint-ink: var(--ink-900);
  --shadow-tint-blue: #122e82;
  --shadow-tint-navy: #0c1740;
  --shadow-tint-red: #8c1c17;
  --shadow-tint-orange: #b06615;
}