/* Picstrips brand tokens — subset mirror of astro-picstrips/src/styles/global.css.
   Magenta/orange brand accents omitted (gallery UI doesn't use them).
   --color-border added for surface dividers (not in source of truth). */

@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/public/fonts/playfair-display-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/public/fonts/playfair-display-700.woff2') format('woff2');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/public/fonts/manrope-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/public/fonts/manrope-500.woff2') format('woff2');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/public/fonts/manrope-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/public/fonts/manrope-700.woff2') format('woff2');
}

:root {
  --color-navy: #0A3C78;
  --color-steel: #416397;
  --color-gold: #EAC435;
  --color-red: #FA160D;
  --color-dark: #0F0F0F;
  --color-cream: #FAF8F5;
  --color-mid: #888888;
  --color-dim: #666666;
  --color-light-bg: #F7F6F3;
  --color-border: rgba(15, 15, 15, 0.08);

  --font-display: 'Playfair Display', Georgia, serif;
  --font-body: 'Manrope', system-ui, sans-serif;

  --text-base: 17px;
  --line-base: 1.65;
}