/**
 * Azureline Wedding Invitation — Sinhala Catholic Template 01
 * Theme Tokens & CSS Custom Properties
 * Theme: Regal Wine & Gold (Section 11 Specification)
 */

/* ==========================================================================
   Self-Hosted Font Declarations (@font-face)
   ========================================================================== */

/* Playfair Display (Display Serif Title Font) */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/playfair-display-v30-latin-regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/playfair-display-v30-latin-italic.woff2') format('woff2');
}
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/playfair-display-v30-latin-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/playfair-display-v30-latin-700.woff2') format('woff2');
}

/* Cormorant Garamond (Script / Elegant Subheading Font) */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/cormorant-garamond-regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/cormorant-garamond-italic.woff2') format('woff2');
}

/* Noto Sans (Latin Body Font) */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/noto-sans-v36-latin-regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/noto-sans-v36-latin-500.woff2') format('woff2');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/noto-sans-v36-latin-600.woff2') format('woff2');
}

/* Noto Sans Sinhala (Sinhala Script Body Font) */
@font-face {
  font-family: 'Noto Sans Sinhala';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/noto-sans-sinhala-v25-sinhala-regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Noto Sans Sinhala';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/noto-sans-sinhala-v25-sinhala-600.woff2') format('woff2');
}

/* Great Vibes (Self-Hosted Calligraphy Monogram Font) */
@font-face {
  font-family: 'Great Vibes';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/great-vibes-v18-latin-regular.woff2') format('woff2');
}


/* ==========================================================================
   Section 11 Theme Tokens (Regal Wine & Gold Palette)
   ========================================================================== */
:root {
  /* Regal Wine & Gold Color System */
  --color-cream: #F7F2EB;        /* main bg */
  --color-cream-dark: #EDE4D3;   /* subtle panel contrast */
  --color-ivory: #FFFCF6;        /* elevated surfaces */
  --color-text: #352B31;         /* primary readable text */
  --color-muted: #695D62;        /* secondary readable text */
  --color-wine: #5F2147;         /* focus-section bg, text-on-cream */
  --color-wine-light: #7A3564;   /* hover/active states */
  --color-wine-dark: #3D1530;    /* shadows, depth */
  --color-gold: #C7A05A;         /* text-on-wine, accents */
  --color-gold-light: #DCC08C;   /* highlights */
  --color-gold-dark: #A67F3D;    /* borders, pressed states */

  /* Typography Stacks */
  --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-script: 'Cormorant Garamond', Georgia, serif;
  --font-body: 'Noto Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-sinhala: 'Noto Sans Sinhala', 'Noto Sans', sans-serif;
  --font-calligraphy: 'Great Vibes', 'Cormorant Garamond', cursive;

  /* Liquid Glass System */
  --glass-bg: rgba(255, 252, 246, 0.72);
  --glass-bg-wine: rgba(95, 33, 71, 0.72);
  --glass-border: rgba(166, 127, 61, 0.28);
  --glass-blur: 18px;
  --radius-glass: 14px;
  --surface-light-glass: rgba(255, 252, 246, 0.82);
  --surface-dark-glass: rgba(61, 21, 48, 0.78);
  --surface-ivory: rgba(255, 252, 246, 0.94);
  --border-soft: rgba(166, 127, 61, 0.22);
  --shadow-surface: 0 12px 32px rgba(61, 21, 48, 0.1);
  --shadow-soft: 0 18px 50px rgba(61, 21, 48, 0.1);
  --shadow-card: 0 10px 30px rgba(61, 21, 48, 0.12), 0 2px 8px rgba(61, 21, 48, 0.06);

  /* Animation Timings & Easing */
  --ease-standard: cubic-bezier(0.22, 1, 0.36, 1);
  --duration-fast: 0.3s;
  --duration-med: 0.6s;
  --duration-slow: 1.2s;

  /* Breakpoints */
  --bp-xs: 360px;
  --bp-mobile: 430px;
  --bp-tablet: 768px;
  --bp-desktop: 1024px;
  --container-max: 1240px;

  /* Spacing Scale */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 3rem;
  --space-xl: 5rem;
  --section-padding: clamp(3.5rem, 8vw, 7rem);
  --content-width: 72rem;

  /* Layer Indexing */
  --z-back: -1;
  --z-normal: 1;
  --z-card: 10;
  --z-header: 50;
  --z-floating-controls: 100;
  --z-modal: 200;
  --z-preloader: 1000;
}