/**
 * HOTEL THE EXCELLENCY - ARCHITECTURAL LUXURY DESIGN SYSTEM
 * Modeled on Innoda & w2w High-Craft Editorial Framework
 * Palette: Velvet Plum Noir, Imperial Royal Purple, Orchid Blush & Metallic Rose Gold
 */

@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Cinzel:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap');

/* --- LOCAL GENERAL SANS TYPOGRAPHY (From Innoda/w2w Engine) --- */
@font-face {
  font-family: "General Sans";
  src: url("../fonts/GeneralSans-300.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "General Sans";
  src: url("../fonts/GeneralSans-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "General Sans";
  src: url("../fonts/GeneralSans-500.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "General Sans";
  src: url("../fonts/GeneralSans-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "General Sans";
  src: url("../fonts/GeneralSans-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  color-scheme: dark;

  /* ==========================================================================
     1. ARCHITECTURAL LUXURY COLOR SYSTEM (Pink & Purple Noir)
     ========================================================================== */
  --innoda-black: #0C0612;       /* Deepest velvet plum-black canvas */
  --innoda-surface: #14091B;     /* Primary architectural stone surface */
  --innoda-elevated: #1C0F25;    /* Raised mosaic panel surface */
  --innoda-ivory: #F8F1F6;       /* Pure alabaster pink-tinted text */
  --innoda-white: #FFFFFF;       /* Crisp white */
  --innoda-gray: #A28FA3;        /* Architectural muted mauve */
  --innoda-subtle: #6D5B6E;      /* Hairline metadata tone */

  /* Royal Purple & High-Fashion Orchid Pink Accents */
  --innoda-purple: #781E73;      /* Imperial royal purple */
  --innoda-purple-glow: rgba(120, 30, 115, 0.45);
  --innoda-pink: #E085B8;        /* Luxury orchid bloom pink */
  --innoda-pink-light: #F7DCEB;  /* Soft champagne pink */
  --innoda-pink-glow: rgba(224, 133, 184, 0.35);
  --innoda-gold: #E5B592;        /* Burnished rose gold metallic */
  --innoda-blue: #A248A8;        /* Vivid violet accent */

  /* Structural Borders & Hairlines */
  --innoda-border: rgba(224, 133, 184, 0.18);
  --innoda-border-strong: rgba(224, 133, 184, 0.4);
  --innoda-border-light: rgba(248, 241, 246, 0.08);

  /* Semantic Mappings */
  --color-canvas: var(--innoda-black);
  --color-surface: var(--innoda-surface);
  --color-text: var(--innoda-ivory);
  --color-muted: var(--innoda-gray);
  --color-border: var(--innoda-border);
  --color-accent: var(--innoda-pink);

  /* ==========================================================================
     2. TYPOGRAPHY (General Sans + DM Serif Display / Cinzel)
     ========================================================================== */
  --font-sans: "General Sans", "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-serif: "DM Serif Display", "Cinzel", Georgia, serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;

  --display: clamp(2.75rem, 6.5vw, 5.5rem);
  --headline: clamp(2.15rem, 4.2vw, 3.8rem);
  --subhead: clamp(1.05rem, 1.6vw, 1.3rem);

  /* Spacing */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: clamp(2rem, 4vw, 3rem);
  --space-xl: clamp(4.5rem, 8vw, 7.5rem);
  --page-pad: clamp(1.25rem, 4vw, 4rem);

  --radius-pill: 9999px;
  --radius-card: 12px;
  --radius-sm: 6px;

  /* w2w Cubic Bezier Curves */
  --w2w-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --w2w-ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
}