/*
Theme Name: Parro Quartz Theme
Author: Parro Quartz
Version: 1.0
Text Domain: parro-quartz
*/

@import "tailwindcss";

html,
:host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: "Cormorant Garamond" ;
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
}

@theme {
  --color-primary: #C5A878;
  --color-primary-dark: #A88957;
  --color-cream: #F8F5EF;
  --color-ivory: #FBFAF7;
  --color-border-color: #E8E1D7;
  --color-text-main: #232323;
  --color-text-light: #666666;
  --color-white: #FFFFFF;   

  --font-heading: "Cormorant Garamond";
  --font-body: "Inter", sans-serif;

  --text-hero: 64px;
  --text-h1: 40px;
  --text-h2: 32px;
  --text-h3: 28px;
  --text-body: 16px;
  --text-small: 14px;
  --text-label: 12px;

  --radius-card: 20px;
  --radius-section: 28px;
}