/*
 Theme Name:   A La Mer 2026 – Blocksy Child
 Theme URI:    https://alamer.gr
 Description:  Cycladic luxury UI/UX child theme for A La Mer boat rentals. Built for Elementor Pro on Blocksy.
 Author:       A La Mer
 Author URI:   https://alamer.gr
 Template:     blocksy
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  alamer-child
*/

/* ==========================================================================
   A LA MER 2026 — CYCLADIC DESIGN SYSTEM
   Color Palette: Aegean Navy / Turquoise / Cycladic White / Sand / Gold
   Typography: Playfair Display (display) + DM Sans (body)
   ========================================================================== */

:root {
  /* --- Colors --- */
  --alamer-aegean-deep:    #0a1628;
  --alamer-aegean-navy:    #0f2847;
  --alamer-aegean-mid:     #1a4a7a;
  --alamer-turquoise:      #d4a853;
  --alamer-turquoise-light:#e0c17a;
  --alamer-turquoise-pale: #f0ddb0;
  --alamer-white:          #ffffff;
  --alamer-cycladic:       #f8f6f0;
  --alamer-sand:           #e8d5b7;
  --alamer-sand-light:     #f5ead8;
  --alamer-coral:          #f97066;
  --alamer-coral-soft:     #fda4af;
  --alamer-gold:           #d4a853;
  --alamer-gold-light:     #f0d78c;
  --alamer-text:           #334155;
  --alamer-text-light:     #64748b;

  /* --- Typography --- */
  --alamer-font-display:   'Playfair Display', Georgia, serif;
  --alamer-font-body:      'DM Sans', -apple-system, sans-serif;

  /* --- Spacing --- */
  --alamer-section-pad:    120px;
  --alamer-section-pad-mobile: 70px;

  /* --- Transitions --- */
  --alamer-ease:           cubic-bezier(0.22, 1, 0.36, 1);
  --alamer-duration:       0.5s;
}


/* ==========================================================================
   GLOBAL RESETS & BASE
   ========================================================================== */

body {
  font-family: var(--alamer-font-body);
  color: var(--alamer-text);
  background-color: var(--alamer-cycladic);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--alamer-font-display);
  font-weight: 400;
  color: var(--alamer-aegean-deep);
}

a {
  transition: color var(--alamer-duration) var(--alamer-ease);
}

::selection {
  background: var(--alamer-turquoise);
  color: var(--alamer-aegean-deep);
}