/* Ata (concept brand) tokens. Studio tokens come in first; Ata's own palette and type override per project. */
@import url("tokens.css");
@import url("https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@62..125,100..900&display=swap");

:root {
  /* Palette */
  --ata-pot-black: #16110F;    /* label ground: a cast-iron pot */
  --ata-white: #FFFFFF;        /* type on black */
  --ata-palm-gold: #F2A900;    /* Díẹ̀ / mild: palm oil */
  --ata-rodo-orange: #FF5A1F;  /* Gbóná / hot: ripe ata rodo */
  --ata-red: #D7102A;          /* Iná / fire */

  /* Sauce colour seen through the glass (3D renders + web viewer) */
  --ata-sauce-mild: #E8920E;
  --ata-sauce-hot: #E0450E;
  --ata-sauce-fire: #B5140F;

  /* Heat fill: how much of the label the colour covers (share of label height) */
  --ata-fill-mild: 0.34;
  --ata-fill-hot: 0.62;
  --ata-fill-fire: 1;

  /* "Before" board only: a typical small-batch label we drew ourselves (not any real brand) */
  --generic-paper: #FBF8F1;
  --generic-red: #C0262D;
  --generic-ink: #2B2B2B;
  --generic-serif: "Times New Roman", Georgia, serif;
  --ata-mockup-stone: #E4E0DA; /* clean mockup backdrop */
  --ata-board-inside: #D6CEC1;  /* unprinted inside of the gift box board */
  --ata-neutral-set: #BDB6AE;  /* backdrop for the before/after renders: neutral so only the label differs */

  /* Type */
  --ata-font: "Archivo", "Arial Narrow", sans-serif;
  --ata-wdth-condensed: 62;  /* heat words */
  --ata-wdth-wide: 125;      /* the ATA wordmark */
}