/* ====================================================
   01-tokens.css
   Variables globales : couleurs, polices, formes, easing.
   Toute la palette et les courbes du site se pilotent ici.
   ==================================================== */

:root {
  --background: #19130F;
  --background-deep: #0D0D0D;
  --orange: #F58220;
  --gold: #D4A24C;
  --cream: #FAF6F0;
  --muted: #D5CBC1;
  --line: #76614F;

  --heading: "Bebas Neue", Impact, sans-serif;
  --heavy: "Anton", Impact, sans-serif;
  --body: "DM Sans", Arial, sans-serif;

  --page-width: 1440px;
  --ease: cubic-bezier(.22, 1, .36, 1);

  --panel-shape: polygon(
    0 7%,
    22% 5%,
    50% 0,
    78% 5%,
    100% 7%,
    100% 93%,
    78% 95%,
    50% 100%,
    22% 95%,
    0 93%
  );

  --photo-shape: polygon(
    14% 0,
    77% 2%,
    100% 17%,
    96% 49%,
    100% 79%,
    81% 100%,
    19% 97%,
    0 82%,
    3% 20%
  );

  --burst-shape: polygon(
    50% 0, 59% 12%, 72% 3%, 76% 19%,
    92% 16%, 89% 32%, 100% 40%, 88% 50%,
    100% 61%, 86% 67%, 91% 84%, 75% 81%,
    70% 98%, 58% 88%, 48% 100%, 41% 86%,
    25% 96%, 23% 80%, 7% 84%, 12% 67%,
    0 59%, 12% 49%, 0 38%, 15% 32%,
    9% 16%, 26% 20%, 31% 3%, 42% 13%
  );
}