/* CLife Brand Identity */

/* Open Sans -- body text */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/open-sans-latin-400-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/open-sans-latin-600-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/fonts/open-sans-latin-700-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/open-sans-latin-400-italic.woff2") format("woff2");
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/open-sans-latin-600-italic.woff2") format("woff2");
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/fonts/open-sans-latin-700-italic.woff2") format("woff2");
}

/* Dancing Script -- headings and display text */
@font-face {
  font-family: "Dancing Script";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/dancing-script-latin-400-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Dancing Script";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/fonts/dancing-script-latin-700-normal.woff2") format("woff2");
}

:root {
  /* CLife Brand colors -- warm purple/pink lifestyle palette */
  --brand-primary: #7B4FAB;       /* Purple */
  --brand-accent: #d95b76;        /* Pink */
  --brand-danger: #d32f2f;        /* Red */
  --brand-success: #115b13;       /* Forest green */
  --brand-warn: #fbbf24;          /* Amber */
  --brand-info: #38bdf8;          /* Sky blue */

  /* CLife Font families */
  --font-heading: "Dancing Script", cursive, sans-serif;
  --font-body: "Open Sans", Arial, Helvetica, sans-serif;
  --font-display: "Dancing Script", cursive, sans-serif;
  --font-mono: "Courier New", monospace;
}