/* LOOK SETTINGS. Change the values after the colons, save, and reload the page.
   Text inside slash-star comments like this one is just notes and is ignored. */

/* FONTS: to use different Google fonts, change the names in this line.
   Find fonts at fonts.google.com, pick one, and copy its name with + for spaces. */
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500&family=Figtree:wght@400;600&display=swap");

/* CANVA SANS: this font is not on Google Fonts. If you have the font files and a license that allows web use,
   put them in a folder named fonts and remove the slash-star markers around the lines below.
   Until then the stand-in (Figtree) shows. */
/*
@font-face{font-family:"Canva Sans";src:url("../fonts/CanvaSans-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Canva Sans";src:url("../fonts/CanvaSans-Bold.woff2") format("woff2");font-weight:600;font-display:swap}
*/

:root{
  /* Which font is used where. Keep the quotes and the fallback after the comma. */
  --font-headline: "Cormorant Garamond", Georgia, serif;
  --font-script: "Cormorant Garamond", Georgia, serif;  /* italic accents, such as the hanging tag */
  --font-body: "Canva Sans", Figtree, system-ui, sans-serif;

  /* Logo height in the header and footer. Try 70px for bigger, 36px for smaller. */
  --logo-header: 46px;
  --logo-footer: 52px;

  /* Colors. Format is # then six letters or numbers. */
  --walnut:#0f0f0d;   /* main background (near black) */
  --cedar:#1f1812;    /* alternate sections and panels (lighter, earthy brown of the background) */
  --bone:#f2e9dc;     /* main text, buttons and the tags under each piece (cream) */
  --dust:#b5ada1;     /* quieter text, a softened cream so it stays readable */
  --brass:#916738;    /* lines, borders and focus outlines (bronze) */
  --brasslt:#cfa65a;  /* gold, from the teeth, for small accents and hovers on dark */
  --slate:#52595d;    /* thin lines and borders (slate gray) */
  --kraft:#f2e9dc;    /* the tag under each piece */
  --china:#6b4a26;    /* deep bronze, buttons on the light Human Design page */
  --chinalt:#d9b878;  /* soft gold, links on dark backgrounds */
  /* Previous brown version: cedar #572e11, china #572e11, chinalt #c79a5e, brasslt #c79a5e */
}