/* ============================================================
   tokens.css — DESIGN TOKENS
   Einzige Datei, die für ein neues Hotel-Branding angepasst wird.
   Reihenfolge: Farben · Fonts · Spacing · Layout · Motion · Shadows
   ============================================================ */

:root {

  /* === FARBEN ============================================== */
  /* Defaults: mediterranes Resort-Schema (helles Blau auf Weiß) */
  --color-bg:           #ffffff;
  --color-bg-alt:       #f7f8fa;
  --color-bg-dark:      #122230;
  --color-text:         #1e1e1e;
  --color-text-soft:    #5b6470;
  --color-text-mute:    #767d88;
  --color-text-invert:  #ffffff;

  --color-accent:       #2a5f80;   /* Smøla: tiefes Atlantik-Blau */
  --color-accent-deep:  #1d4961;
  --color-accent-warm:  #cc1a14;   /* Sekundär (Falunrot — Norwegisches Hausrot) */

  --color-line:         #e6e8eb;
  --color-line-soft:    #f0f2f5;
  --color-overlay:      rgba(15, 30, 45, 0.45);
  --color-overlay-warm: rgba(204, 26, 20, 0.40);


  /* === FONTS =============================================== */
  /* Default: Hotel-Standard (Montserrat + Lato).
     Boutique-Upgrade: Cormorant Garamond + Manrope */
  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-body:    "Manrope", system-ui, -apple-system, sans-serif;

  --weight-display:        600;
  --weight-display-light:  400;
  --weight-body:           400;
  --weight-body-bold:      700;
  --letter-spacing-display: 0.03em;
  --letter-spacing-tight:   -0.01em;


  /* === SPACING ============================================= */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
  --space-6: 6rem;
  --section-py: clamp(3rem, 8vw, 6rem);


  /* === LAYOUT ============================================== */
  --container:        1180px;
  --container-narrow: 820px;
  --container-pad:    24px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --line:      1px solid var(--color-line);
  --color-glass-bg: rgba(255, 255, 255, 0.82);
  --color-glass-border: rgba(255, 255, 255, 0.4);
  --backdrop-blur: blur(14px);


  /* === MOTION ============================================== */
  --transition:      220ms cubic-bezier(.2, .6, .2, 1);
  --transition-slow: 600ms cubic-bezier(.2, .6, .2, 1);
  --ease-out: cubic-bezier(.2, .7, .2, 1);


  /* === SHADOWS ============================================= */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.12);
  --shadow-lg: 0 18px 48px rgba(0, 0, 0, 0.18);


  /* === Z-INDEX ============================================= */
  --z-header:    50;
  --z-nav:       60;
  --z-overlay:   80;
  --z-lightbox: 100;

  /* === FEATURE FLAGS ======================================= */
  --demo-banner-display: none;
}