/**
 * --------------------------------------------------------------------
 * Author   : Manoj Mathangadeera / Aivotandra
 * Website  : https://aivotandra.com
 * --------------------------------------------------------------------
 * Company  : Adeon Bridge Technologies LLC
 * Website  : https://adeon.ae
 * --------------------------------------------------------------------
 * Contact  : manoj@aivotandra.com
 * --------------------------------------------------------------------
 * Version  : 1.0
 * Updated  : May 2026
 * Project  : 7Dragon Bar & Lounge
 * --------------------------------------------------------------------
 */

/**
 * ====================================================================
 * QUICK REFERENCE
 * ====================================================================
 *
 * Fonts    : Cinzel | Plus Jakarta Sans | Cormorant Garamond
 *
 * Colors   : #0a0705 | #120d1a | #1a1020
 *          : #c9a227 | #e8751a | #7b2d8b | #e8c84a
 *          : #f0ead6 | #faf6ee | #a08c5b | #6b6075
 *          : #2d6a4f
 *          : rgba(10, 7, 5, 0.95)
 *          : rgba(0, 0, 0, 0.6)
 *          : rgba(201, 162, 39, 0.25)
 *          : rgba(201, 162, 39, 0.15)
 *
 * ====================================================================
 */

/* === BLOCK 1 — FONT IMPORTS === */

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

/* === BLOCK 2 — ICON LIBRARY === */

@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css');

:root {

  /* --- BLOCK 3 — COLORS --- */

  /* Backgrounds */
  --bg-primary:        #0a0705;
  --bg-secondary:      #120d1a;
  --bg-header:         rgba(10, 7, 5, 0.95);
  --bg-footer:         #120d1a;
  --bg-sticky-bar:     #0a0705;
  --bg-overlay:        rgba(0, 0, 0, 0.6);
  --bg-card:           #1a1020;

  /* Brand */
  --brand-primary:     #c9a227;
  --brand-secondary:   #e8751a;
  --brand-accent:      #7b2d8b;

  /* Text */
  --text-primary:      #f0ead6;
  --text-secondary:    #a08c5b;
  --text-muted:        #6b6075;
  --text-on-dark:      #faf6ee;
  --text-heading:      #c9a227;
  --text-nav:          #f0ead6;
  --text-nav-active:   #c9a227;

  /* UI Elements */
  --btn-bg:            #c9a227;
  --btn-text:          #0a0705;
  --btn-hover:         #e8c84a;
  --border-color:      rgba(201, 162, 39, 0.25);
  --card-bg:           #1a1020;
  --shadow-color:      rgba(201, 162, 39, 0.15);

  /* Status */
  --color-success:     #2d6a4f;
  --color-warning:     #e8751a;
  --color-promo:       #e8751a;

  /* --- BLOCK 4 — TYPOGRAPHY --- */

  --font-heading:           'Cinzel', serif;
  --font-body:              'Plus Jakarta Sans', sans-serif;
  --font-accent:            'Cormorant Garamond', serif;
  --text-xs:                0.75rem;
  --text-sm:                0.875rem;
  --text-base:              1rem;
  --text-md:                1.125rem;
  --text-lg:                1.25rem;
  --text-xl:                1.5rem;
  --text-2xl:               2rem;
  --text-hero:              3.5rem;
  --font-weight-normal:     400;
  --font-weight-medium:     500;
  --font-weight-bold:       700;
  --line-height-tight:      1.2;
  --line-height-normal:     1.5;
  --line-height-loose:      1.8;

  /* --- BLOCK 5 — SPACING --- */

  --space-xs:          0.25rem;
  --space-sm:          0.5rem;
  --space-md:          1rem;
  --space-lg:          1.5rem;
  --space-xl:          3rem;
  --space-2xl:         5rem;
  --container-width:   1200px;

  /* --- BLOCK 6 — BORDER RADIUS --- */

  --radius-sm:         4px;
  --radius-md:         8px;
  --radius-lg:         16px;
  --radius-full:       9999px;

  /* --- BLOCK 7 — TRANSITIONS & SHADOWS --- */

  --transition-fast:   0.15s ease;
  --transition-normal: 0.3s ease;
  --transition-slow:   0.6s ease;
  --shadow-sm:         0 2px 8px rgba(201, 162, 39, 0.1);
  --shadow-md:         0 4px 20px rgba(201, 162, 39, 0.15);
  --shadow-lg:         0 8px 40px rgba(201, 162, 39, 0.2);

}