/* ============================================================
   CONFIG.CSS — Generated for: Unnamed Client
   Generated on 2026-07-14T12:09:43.155Z
   ============================================================ */

:root {
  /* ── BOOKING SYSTEM ───────────────────────────────────── */
  --booking-mode: "whatsapp";
  --booking-destination: "+2349023914918";
  --booking-message: "Hi, I am on your website and would like to book a premium appointment.";

  /* ── SECTION VISIBILITY ───────────────────────────────── */
  --show-hero: block;
  --show-services: block;
  --show-about: block;
  --show-team: block;
  --show-gallery: block;
  --show-video: none;
  --show-testimonials: block;
  --show-contact: block;
  --show-footer: block;

  /* ── GLOBAL FONTS ─────────────────────────────────────── */
  --font-heading: "Cormorant Garamond", serif;
  --font-body: "Jost", sans-serif;
  --font-accent: "Jost", sans-serif;

  /* ── GLOBAL TEXT COLORS ───────────────────────────────── */
  --color-text-primary: #0a0a0a;
  --color-text-secondary: #0f0f0f;
  --color-text-muted: #575757;
  --color-text-white: #ffffff;

  /* ── GLOBAL BUTTON SYSTEM (Primary) ───────────────────── */
  --btn-primary-bg: #0a0a0a;
  --btn-primary-text: #ffffff;
  --btn-primary-border: 1px solid #0a0a0a;
  --btn-primary-radius: 4px;
  --btn-primary-size: 12px;
  --btn-primary-weight: 600;
  --btn-primary-tracking: 0.1em;
  --btn-primary-padding-v: 14px;
  --btn-primary-padding-h: 36px;
  --btn-primary-transform: uppercase;
  --btn-primary-bg-hover: #ffffff;
  --btn-primary-text-hover: #0a0a0a;
  --btn-primary-transition: all 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94);

  /* Secondary button (outlined) */
  --btn-secondary-bg: transparent;
  --btn-secondary-text: #0a0a0a;
  --btn-secondary-border: 1px solid #0a0a0a;
  --btn-secondary-radius: 4px;
  --btn-secondary-bg-hover: #0a0a0a;
  --btn-secondary-text-hover: #ffffff;

  /* Ghost button (for dark/image backgrounds) */
  --btn-ghost-bg: transparent;
  --btn-ghost-text: #ffffff;
  --btn-ghost-border: 1px solid #ffffff;
  --btn-ghost-radius: 4px;
  --btn-ghost-bg-hover: #ffffff;
  --btn-ghost-text-hover: #0a0a0a;

  /* ── NAVIGATION ───────────────────────────────────────── */
  --nav-bg: #faf4f4;
  --nav-bg-scrolled: rgba(250, 244, 244, 0.96);
  --nav-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
  --nav-height: 80px;
  --nav-logo-color: #0a0a0a;
  --nav-logo-size: 18px;
  --nav-logo-weight: 600;
  --nav-logo-tracking: 0.08em;
  --nav-logo-font: var(--font-heading);
  --nav-link-color: #0a0a0a;
  --nav-link-size: 11px;
  --nav-link-weight: 500;
  --nav-link-tracking: 0.12em;
  --nav-link-underline-color: #0a0a0a;
  --nav-cta-bg: #0a0a0a;
  --nav-cta-text: #ffffff;
  --nav-cta-border: 1px solid #0a0a0a;
  --nav-cta-radius: 4px;
  --nav-cta-bg-hover: #ffffff;
  --nav-cta-text-hover: #0a0a0a;
  --mobile-overlay-bg: #ffffff;
  --mobile-link-color: #0a0a0a;
  --mobile-link-size: 28px;
  --mobile-cta-bg: transparent;
  --mobile-cta-text: #0a0a0a;
  --mobile-cta-border: 1px solid #0a0a0a;
  --mobile-cta-radius: 4px;

  /* ── HERO ─────────────────────────────────────────────── */
  --hero-bg-image: url("/images/about/7.jpg");
  --hero-bg-image-mobile: url("/images/hero/00.jpg");
  --hero-overlay-color: rgba(0, 0, 0, 0.35);
  --hero-heading-color: #ffffff;
  --hero-heading-size: 72px;
  --hero-heading-size-mobile: 42px;
  --hero-desktop-ratio: 16/9;
  --hero-heading-weight: 400;
  --hero-heading-font: var(--font-heading);
  --hero-heading-tracking: 0.02em;
  --hero-heading-lineheight: 1.1;
  --hero-tagline-color: rgba(255, 255, 255, 0.85);
  --hero-tagline-size: 18px;
  --hero-tagline-font: var(--font-body);
  --hero-tagline-weight: 300;
  --hero-tagline-tracking: 0.06em;
  --hero-cta-bg: transparent;
  --hero-cta-text: #ffffff;
  --hero-cta-border: 1px solid #ffffff;
  --hero-cta-radius: 4px;
  --hero-cta-bg-hover: #ffffff;
  --hero-cta-text-hover: #0a0a0a;

  /* ── SERVICES ─────────────────────────────────────────── */
  --services-bg: #ffffff;
  --services-bg-image: none;
  --services-bg-overlay: rgba(0, 0, 0, 0);
  --services-heading-color: #0a0a0a;
  --services-heading-font: var(--font-heading);
  --services-heading-size: 48px;
  --services-subtext-color: #666666;
  --services-card-radius: 12px;
  --services-card-overlay: rgba(0, 0, 0, 0.22);
  --services-card-label-color: #ffffff;
  --services-card-label-size: 20px;
  --services-card-label-font: var(--font-heading);
  --modal-bg: rgba(255, 255, 255, 0.94);
  --modal-blur: 24px;
  --modal-heading-color: #0a0a0a;
  --modal-heading-font: var(--font-heading);
  --modal-heading-size: 36px;
  --modal-item-name-color: #0a0a0a;
  --modal-item-name-size: 15px;
  --modal-item-desc-color: #888888;
  --modal-item-desc-size: 13px;
  --modal-item-price-color: #0a0a0a;
  --modal-item-price-size: 15px;
  --modal-leader-color: #dddddd;
  --modal-cta-bg: #0a0a0a;
  --modal-cta-text: #ffffff;
  --modal-cta-border: 1px solid #0a0a0a;
  --modal-cta-radius: 4px;
  --modal-cta-bg-hover: #333333;
  --modal-cta-text-hover: #ffffff;

  /* ── ABOUT ────────────────────────────────────────────── */
  --about-bg: #9c9c9c;
  --about-bg-image: none;
  --about-bg-overlay: rgba(0, 0, 0, 0);
  --about-overline-color: #999999;
  --about-overline-size: 11px;
  --about-overline-tracking: 0.2em;
  --about-heading-color: #0a0a0a;
  --about-heading-font: var(--font-heading);
  --about-heading-size: 48px;
  --about-heading-lineheight: 1.15;
  --about-body-color: #2b2b2b;
  --about-body-font: var(--font-body);
  --about-body-size: 16px;
  --about-body-lineheight: 1.85;

  /* ── TEAM ─────────────────────────────────────────────── */
  --team-bg: #ffffff;
  --team-bg-image: none;
  --team-bg-overlay: rgba(0, 0, 0, 0);
  --team-heading-color: #0a0a0a;
  --team-heading-font: var(--font-heading);
  --team-heading-size: 48px;
  --team-photo-radius: 12px;
  --team-role-color: #4a4a4a;
  --team-role-size: 11px;
  --team-role-tracking: 0.14em;
  --team-role-font: var(--font-body);
  --team-photo-filter: grayscale(15%);
  --team-photo-hover-filter: grayscale(0%);
  --team-name-color: #0a0a0a;
  --team-name-font: var(--font-body);
  --team-name-size: 14px;
  --team-name-weight: 600;
  --team-name-tracking: 0.08em;
  --team-bio-color: #777777;
  --team-bio-font: var(--font-body);
  --team-bio-size: 13px;
  --team-bio-lineheight: 1.65;
  --team-card-gap: 40px;

  /* ── GALLERY ──────────────────────────────────────────── */
  --gallery-bg: #ffffff;
  --gallery-bg-image: none;
  --gallery-bg-overlay: rgba(0, 0, 0, 0);
  --gallery-heading-color: #0a0a0a;
  --gallery-heading-font: var(--font-heading);
  --gallery-heading-size: 48px;
  --gallery-image-filter: brightness(0.95);
  --gallery-image-hover-filter: brightness(1);
  --gallery-image-hover-scale: 1.03;
  --gallery-image-radius: 8px;
  --lightbox-bg: rgba(0, 0, 0, 0.94);
  --lightbox-arrow-color: #ffffff;
  --lightbox-arrow-bg: rgba(255, 255, 255, 0.12);
  --lightbox-close-color: #ffffff;

  /* ── VIDEO ────────────────────────────────────────────── */
  --video-bg: #0d0d0d;
  --video-accent: #ffffff;

  /* ── TESTIMONIALS ─────────────────────────────────────── */
  --testimonials-bg: #1a1a1a;
  --testimonials-bg-image: url("/images/testimonials/marble-bg.jpg");
  --testimonials-overlay: rgba(0, 0, 0, 0.32);
  --testimonials-heading-color: #ffffff;
  --testimonials-heading-font: var(--font-heading);
  --testimonials-heading-size: 52px;
  --testimonials-quote-color: rgba(255, 255, 255, 0.9);
  --testimonials-quote-font: var(--font-body);
  --testimonials-quote-size: 17px;
  --testimonials-quote-lineheight: 1.9;
  --testimonials-seemore-color: #ffffff;
  --testimonials-stars-color: #ffffff;
  --testimonials-reviewer-color: rgba(255, 255, 255, 0.7);
  --testimonials-reviewer-size: 13px;
  --testimonials-reviewer-tracking: 0.12em;
  --testimonials-arrow-bg: rgba(0, 0, 0, 0.45);
  --testimonials-arrow-color: #ffffff;
  --testimonials-cta-bg: #ffffff;
  --testimonials-cta-text: #0a0a0a;
  --testimonials-cta-border: 1px solid #ffffff;
  --testimonials-cta-radius: 4px;
  --testimonials-cta-bg-hover: transparent;
  --testimonials-cta-text-hover: #ffffff;

  /* ── CONTACT ──────────────────────────────────────────── */
  --contact-bg: #ffffff;
  --contact-bg-image: none;
  --contact-bg-overlay: rgba(0, 0, 0, 0);
  --contact-heading-color: #0a0a0a;
  --contact-heading-font: var(--font-heading);
  --contact-heading-size: 48px;
  --contact-label-color: #999999;
  --contact-label-size: 11px;
  --contact-label-tracking: 0.14em;
  --contact-text-color: #0a0a0a;
  --contact-text-size: 15px;
  --contact-map-radius: 16px;
  --contact-map-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
  --contact-cta-bg: #0a0a0a;
  --contact-cta-text: #ffffff;
  --contact-cta-border: 1px solid #0a0a0a;
  --contact-cta-radius: 4px;
  --contact-cta-size: 14px;
  --contact-cta-weight: 600;
  --contact-cta-tracking: 0.12em;
  --contact-cta-bg-hover: #ffffff;
  --contact-cta-text-hover: #0a0a0a;
  --contact-microcopy-color: #999999;
  --contact-microcopy-size: 12px;

  /* ── FOOTER ───────────────────────────────────────────── */
  --footer-bg: #212121;
  --footer-bg-image: none;
  --footer-bg-overlay: rgba(0, 0, 0, 0);
  --footer-text-color: #ededed;
  --footer-link-color: #d9d9d9;
  --footer-link-hover-color: #737373;
  --footer-font: var(--font-body);
  --footer-size: 11px;
  --footer-tracking: 0.06em;

  /* ── ANIMATIONS ───────────────────────────────────────── */
  --transition-smooth: all 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --transition-fast: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --animation-duration: 700ms;
  --animation-easing: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  /* ── SPACING ──────────────────────────────────────────── */
  --section-padding-v: 100px;
  --section-padding-v-mobile: 64px;
  --section-padding-h: 80px;
  --section-padding-h-mobile: 24px;
  --container-max-width: 1280px;

  /* ── WHATSAPP FLOAT BUTTON ────────────────────────────── */
  --whatsapp-btn-show: block;
  --whatsapp-btn-number: "27820000000";
  --whatsapp-btn-message: "Hi, I would like to find out more about your services.";
  --whatsapp-btn-position-bottom: 32px;

  /* ── GALLERY MODE ─────────────────────────────────────── */
  --gallery-mode: "static";

  /* ── NAV ICON BUTTONS ─────────────────────────────────── */
  --nav-icon-size: 38px;
  --nav-icon-bg: transparent;
  --nav-icon-color: var(--nav-logo-color);
  --nav-icon-bg-hover: rgba(0, 0, 0, 0.06);
  --nav-icon-radius: 50%;
  --nav-icon-gap: 12px;
  --show-nav-whatsapp-icon: inline-flex;

  /* ── ABOUT SECTION WHATSAPP LINK ──────────────────────── */
  --show-about-whatsapp-link: block;
}