/*
Theme Name: Corporate Kitty (Ollie Child)
Template: ollie
Version: 1.0
Description: A custom child theme for Corporate Kitty built on the Ollie base theme.
Author: Morrigan + ChatGPT
*/

/* ========== Corporate Kitty Theme Styles ========== */

:root {
  --color-primary: #0D0D0D;
  --color-accent: #C49F3B;
  --color-highlight: #2ECC71;
  --color-secondary: #4B6F44;
  --color-contrast: #E5D5B1;

  --hover-gold: #B8860B;
  --hover-green: #228B22;
  --hover-link: #A5E075;

  --error: #D72638;
  --warning: #FFB400;

  --text-main: #F5F5F5;
  --text-secondary: #B0B0B0;

  --wp--preset--color--primary: #0D0D0D;       /* Deep Black */
  --wp--preset--color--accent: #C49F3B;        /* Rich Gold */
  --wp--preset--color--highlight: #2ECC71;     /* Vibrant Green */
  --wp--preset--color--secondary: #4B6F44;     /* Dark Olive */
  --wp--preset--color--contrast: #E5D5B1;      /* Warm Beige */

  --wp--preset--color--hover-gold: #B8860B;
  --wp--preset--color--hover-green: #228B22;
  --wp--preset--color--hover-lime: #A5E075;

  --wp--preset--color--error: #D72638;
  --wp--preset--color--warning: #FFB400;

  --wp--preset--color--text-main: #F5F5F5;     /* Warm White */
  --wp--preset--color--text-secondary: #B0B0B0;
  --wp--preset--color--on-gold: #F5F5F5;
  --wp--preset--color--on-green: #E5D5B1;
  --wp--preset--color--on-beige: #0D0D0D;
  --wp--preset--color--on-dark: #C49F3B;

--wp--preset--color--base: #F5F5F5;
  --wp--preset--color--contrast: #0D0D0D;
  --wp--preset--color--primary: #C49F3B;
  --wp--preset--color--secondary: #2ECC71;
  --wp--preset--color--tertiary: #4B6F44;
  --wp--preset--color--foreground: #B0B0B0;
  --wp--preset--color--background: #E5D5B1;
  --wp--preset--color--text: #F5F5F5;
  --wp--preset--color--border: #4B6F44;
  --wp--preset--color--main: #C49F3B;

}



/* Base body styling */
body {
  background-color: var(--color-primary);
  color: var(--text-main);
  font-family: system-ui, sans-serif;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  color: var(--color-accent);
}

/* Links */
a {
  color: var(--color-highlight);
  text-decoration: none;
}
a:hover {
  color: var(--hover-link);
}

/* Buttons */
button,
.wp-block-button__link {
  background-color: var(--color-accent);
  color: var(--color-primary);
  border: none;
  padding: 0.5em 1.25em;
  text-transform: uppercase;
}
button:hover,
.wp-block-button__link:hover {
  background-color: var(--hover-gold);
  color: var(--color-primary);
}

/* WooCommerce Notices */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  background-color: var(--color-contrast);
  border-left: 4px solid var(--color-accent);
  color: var(--color-primary);
  padding: 1em;
}
.woocommerce-error {
  border-left-color: var(--error);
}
.woocommerce-message {
  border-left-color: var(--hover-green);
}
.woocommerce-info {
  border-left-color: var(--warning);
}

/* Optional: footer, header, etc */
.site-header,
footer {
  background-color: var(--color-primary);
  color: var(--color-accent);
}
/* =========== BASE TYPOGRAPHY =========== */
body, button, input, select, textarea {
    font-family: 'Area', sans-serif;
    font-weight: 400;
    line-height: 1.6;
    font-size: 16px;
    color: var(--wp--preset--color--base);
}

/* =========== HEADINGS =========== */
h1, h2, h3, h4, h5, h6,
.site-title, .entry-title,
.woocommerce-products-header__title, 
.woocommerce-loop-product__title {
    font-family: 'Quiche-Sans', serif;
    font-weight: normal;
    letter-spacing: 0.02em;
    line-height: 1.2;
    color: var(--wp--preset--color--contrast);
}

/* =========== HERO / LARGE HEADINGS =========== */
.hero-title, .page-title, .has-large-font-size {
    font-family: 'Quiche-Sans', serif;
    font-weight: normal;
    font-style: italic;
    letter-spacing: 0.03em;
}

/* =========== BUTTONS & NAVIGATION =========== */
button, 
.button, 
.wp-block-button__link, 
.woocommerce a.button,
.main-navigation a, 
.menu-toggle {
    font-family: 'Area', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* =========== FORMS =========== */
input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select {
    font-family: 'Area', sans-serif;
    font-weight: 400;
    font-size: 16px;
}

/* =========== WOOCOMMERCE SPECIFIC =========== */
.woocommerce-loop-product__title,
.woocommerce-products-header__title,
.woocommerce div.product .product_title {
    font-family: 'Quiche-Sans', serif;
    font-weight: normal;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce div.product .woocommerce-tabs .panel {
    font-family: 'Area', sans-serif;
}