/*
Theme Name: Cue & Cushion Starter
Theme URI: https://www.cueandcushion.com/
Author: Cue & Cushion
Description: A minimal Elementor-friendly starter theme for the Cue & Cushion website. Loads the brand fonts (Fraunces + Inter Tight) and brand color variables. All content is built and edited in Elementor — there is nothing to edit in this theme. To customize colors or fonts site-wide, edit Elementor's Site Settings → Global Colors / Global Fonts.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cue-cushion-starter
Tags: elementor, business
*/

/* =========================================================
   CUE & CUSHION — BRAND TOKENS (loaded site-wide)
   These CSS variables are available everywhere — including
   inside Elementor's HTML widgets — so the brand stays
   consistent without editing this file.
========================================================= */
:root{
  --cc-cream:#F4EDE0;
  --cc-cream-2:#EDE3D1;
  --cc-ink:#141612;
  --cc-ink-soft:#2B2A24;
  --cc-mute:#6C6557;
  --cc-felt:#1F4A2E;
  --cc-felt-deep:#0F2F1C;
  --cc-felt-glow:#2E6B43;
  --cc-walnut:#5B3A24;
  --cc-walnut-soft:#7B4F33;
  --cc-brass:#C8A24A;
  --cc-brass-soft:#E0C37D;
  --cc-line:#D9CFBD;
  --cc-line-strong:#BDB09A;

  --cc-ff-display:"Fraunces", ui-serif, Georgia, serif;
  --cc-ff-body:"Inter Tight", system-ui, -apple-system, sans-serif;
}

/* Subtle defaults that DON'T fight Elementor */
body{
  font-family: var(--cc-ff-body);
  color: var(--cc-ink);
  background: var(--cc-cream);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

h1,h2,h3,h4,h5,h6{
  font-family: var(--cc-ff-display);
  letter-spacing: -0.01em;
}

/* Italic emphasis used throughout the brand */
.cc-italic, .cc-display em{
  font-style: italic;
  color: var(--cc-felt);
  font-weight: 500;
}

/* Eyebrow label utility */
.cc-eyebrow{
  font-family: var(--cc-ff-body);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--cc-walnut);
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.cc-eyebrow::before{
  content: "";
  width: 28px;
  height: 1px;
  background: var(--cc-walnut);
  display: inline-block;
}

/* Pulsing "open now" dot for header HTML widget */
.cc-pulse{
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #6BD3A0;
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
  box-shadow: 0 0 0 0 rgba(107,211,160,.6);
  animation: cc-pulse 2s infinite;
}
@keyframes cc-pulse{
  0%   { box-shadow: 0 0 0 0 rgba(107,211,160,.6); }
  70%  { box-shadow: 0 0 0 10px rgba(107,211,160,0); }
  100% { box-shadow: 0 0 0 0 rgba(107,211,160,0); }
}

/* WordPress core required classes */
.alignleft   { float: left;  margin-right: 1.5em; }
.alignright  { float: right; margin-left:  1.5em; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.screen-reader-text{
  border: 0; clip: rect(1px,1px,1px,1px); -webkit-clip-path: inset(50%);
  clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden;
  padding: 0; position: absolute; width: 1px; word-wrap: normal !important;
}