/*
Theme Name: The Daily Curations
Theme URI: https://dailycurations.com
Author: The Daily Curations
Author URI: https://dailycurations.com
Description: A clean, modern, and professional editorial publication theme for fashion, beauty, tech, lifestyle, and travel.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: the-daily-curations
Tags: editorial, fashion, beauty, lifestyle, minimalist, two-columns, custom-menu, featured-images

Color Palette:
- Header / Footer: Dark Chocolate (#30231F)
- Header / Footer Text: Cream (#F6F0E6)
- Main Background: Cream (#F6F0E6)
- Buttons / Highlights: Terracotta Beige (#B98268)
- Body Text: Deep Brown (#332C28)

Typography:
- Headings: 'Cardo', serif
- Body & Navigation: 'Josefin Sans', sans-serif
*/

:root {
  --font-heading: 'Cardo', serif;
  --font-body: 'Josefin Sans', sans-serif;
  --color-chocolate: #30231F;
  --color-cream: #F6F0E6;
  --color-terracotta: #B98268;
  --color-deepbrown: #332C28;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Josefin Sans', sans-serif;
  background-color: #F6F0E6;
  color: #332C28;
}

.font-heading {
  font-family: 'Cardo', serif;
}

.font-body {
  font-family: 'Josefin Sans', sans-serif;
}

/* Line clamp utilities (Tailwind's line-clamp plugin isn't loaded on the CDN build) */
.line-clamp-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* WordPress core alignment classes, kept minimal since content uses plain paragraphs */
.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 {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  overflow: hidden;
}