/* Casa Joy – design tokens shared by the site and the brandbook.
   Source of truth for colours, type and spacing; page stylesheets only consume these. */

/* Static Medium (500), the only display weight. Built from Cormorant Garamond 4.001
   with the lowercase acute, grave and circumflex rebuilt from the capital accents,
   because the upstream lowercase ones are drawn as tall hairlines. */
@font-face {
  font-family: "Cormorant Garamond";
  src: url("/assets/fonts/cormorant-garamond-500.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("/assets/fonts/raleway-var.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("/assets/fonts/montserrat-var.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Brand palette (from the label and the Figma variables) */
  --cj-oliva: #535040;          /* logo, text, buttons */
  --cj-rotulo: #F1EDE2;         /* label paper, light surfaces, text on oliva */
  --cj-papel: #E9E1D6;          /* page background */
  --cj-divisor: #A19D92;        /* hairlines only – never text */
  --cj-branco: #FFFFFF;

  /* Fragrance tints (ad backgrounds, product cards) */
  --cj-bamboo: #DEDFD0;
  --cj-primeira-luz: #EFE0D6;
  --cj-vanilla: #EDE2CC;

  /* Photography palette (from the product photo – reference, not UI colours) */
  --cj-ambar: #4C2509;          /* frosted amber glass */
  --cj-parede: #C7AE90;         /* warm wall */
  --cj-bancada: #EED3B9;        /* sunlit stone counter */
  --cj-folha: #6A5A25;          /* leaves in shade */

  /* Type */
  --cj-font-display: "Cormorant Garamond", "Cormorant", Garamond, "Times New Roman", serif;
  --cj-font-text: "Raleway", "Helvetica Neue", Arial, sans-serif;
  --cj-font-num: "Montserrat", "Helvetica Neue", Arial, sans-serif;
  --cj-weight-display: 500;
  --cj-track-caps: 0.27em;      /* "HOME SPRAY" line */
  --cj-track-fragrance: 0.195em;/* fragrance name on the label */

  /* Spacing (8-pt base) */
  --cj-space-1: 0.5rem;
  --cj-space-2: 1rem;
  --cj-space-3: 1.5rem;
  --cj-space-4: 2rem;
  --cj-space-5: 3rem;
  --cj-space-6: 4rem;
  --cj-space-7: 6rem;
  --cj-space-8: 8rem;

  /* Shape */
  --cj-radius-label: 4.3%;      /* label corner = 24/555 of its width */
  --cj-radius-card: 20px;
  --cj-radius-pill: 999px;
  --cj-hairline: 1px;

  --cj-max-width: 1200px;
}