/*
Theme Name: Grace Atelier
Theme URI: https://graceperfumes.ae
Author: TijaraTech
Author URI: https://tijaratech.ae
Description: Cinematic 3D storefront for Grace Perfumes. A real-time WebGL product stage, interactive scent scenes, a private-label bottle studio and four colour themes (light and dark).
Version: 1.0.1
Requires at least: 6.4
Tested up to: 7.1
Requires PHP: 7.4
License: Proprietary
Text Domain: grace-atelier
*/

/* Styles for inner pages (the homepage experience ships its own stylesheet) */
:root { --bg: #0b0907; --bg2: #14100c; --fg: #f3ece1; --muted: #b4a892; --accent: #d4b06a; --line: rgba(243, 236, 225, .14); }
body.grace-inner { margin: 0; background: var(--bg); color: var(--fg); font-family: 'Jost', 'Helvetica Neue', Arial, sans-serif; font-weight: 300; line-height: 1.7; -webkit-font-smoothing: antialiased; }
.grace-inner a { color: var(--accent); }
.gi-head { display: flex; align-items: center; justify-content: space-between; padding: 24px clamp(18px, 5vw, 80px); border-bottom: 1px solid var(--line); }
.gi-head .gi-logo { width: 128px; color: var(--fg); display: block; }
.gi-head .gi-logo svg { width: 100%; height: auto; display: block; }
.gi-head nav a { margin-left: 22px; font-size: 12px; letter-spacing: .18em; text-transform: uppercase; color: var(--muted); text-decoration: none; }
.gi-main { max-width: 860px; margin: 0 auto; padding: 72px clamp(18px, 5vw, 40px) 96px; }
.gi-main h1, .gi-main h2 { font-family: 'Cormorant Garamond', 'Times New Roman', serif; font-weight: 300; line-height: 1.05; }
.gi-main h1 { font-size: clamp(40px, 6vw, 72px); margin: 0 0 24px; }
.gi-foot { padding: 30px clamp(18px, 5vw, 80px); border-top: 1px solid var(--line); font-size: 12px; color: var(--muted); display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; }