@property --nav-bg {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(247,243,234,0.55);
}
@property --glass-bg {
  syntax: "<image>";
  inherits: true;
  initial-value: linear-gradient(150deg, rgba(255,255,255,0.55) 0%, rgba(247,243,234,0.32) 44%, rgba(201,162,75,0.14) 100%);
}
@property --font-body {
  syntax: "<font-family>";
  inherits: true;
  initial-value: 'Inter', sans-serif;
}
@property --radius-lg {
  syntax: "<length>";
  inherits: true;
  initial-value: 18px;
}
@property --color-gold {
  syntax: "<color>";
  inherits: true;
  initial-value: #c9a24b;
}
@property --color-onyx {
  syntax: "<color>";
  inherits: true;
  initial-value: #14120e;
}
@property --color-blush {
  syntax: "<color>";
  inherits: true;
  initial-value: #f3c9d6;
}
@property --color-ivory {
  syntax: "<color>";
  inherits: true;
  initial-value: #0b0a08;
}
@property --color-muted {
  syntax: "<color>";
  inherits: true;
  initial-value: #a89f8c;
}
@property --color-paper {
  syntax: "<color>";
  inherits: true;
  initial-value: #d9d1c0;
}
@property --shadow-gold {
  syntax: "*";
  inherits: true;
  initial-value: 0 20px 60px -18px rgba(201,162,75,0.45);
}
@property --shadow-luxe {
  syntax: "*";
  inherits: true;
  initial-value: 0 30px 80px -20px rgba(0,0,0,0.6);
}
@property --color-marble {
  syntax: "<color>";
  inherits: true;
  initial-value: #efe9dc;
}
@property --font-display {
  syntax: "<font-family>";
  inherits: true;
  initial-value: 'Cormorant Garamond', serif;
}
@property --garden-green {
  syntax: "<color>";
  inherits: true;
  initial-value: #7a8a5c;
}
@property --surface-veil {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(255,255,255,0.5);
}
@property --cherub-filter {
  syntax: "*";
  inherits: true;
  initial-value: none;
}
@property --gradient-gold {
  syntax: "<image>";
  inherits: true;
  initial-value: linear-gradient(135deg, #9c7b2e 0%, #e6c874 45%, #c9a24b 70%, #f3e2a8 100%);
}
@property --space-section {
  syntax: "<length>";
  inherits: true;
  initial-value: 96px;
}
@property --surface-panel {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(247,243,234,0.85);
}
@property --cherub-opacity {
  syntax: "<number>";
  inherits: true;
  initial-value: 1;
}
@property --color-burgundy {
  syntax: "<color>";
  inherits: true;
  initial-value: #8f1d24;
}
@property --color-charcoal {
  syntax: "<color>";
  inherits: true;
  initial-value: #efe9dc;
}
@property --color-obsidian {
  syntax: "<color>";
  inherits: true;
  initial-value: #f7f3ea;
}
@property --color-champagne {
  syntax: "<color>";
  inherits: true;
  initial-value: #e8d7b0;
}
@property --color-gold-deep {
  syntax: "<color>";
  inherits: true;
  initial-value: #9c7b2e;
}
@property --glass-highlight {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(255,255,255,0.5);
}
@property --gradient-marble {
  syntax: "<image>";
  inherits: true;
  initial-value: linear-gradient(135deg, #f7f3ea 0%, #efe9dc 50%, #e3dccb 100%);
}
@property --color-blush-deep {
  syntax: "<color>";
  inherits: true;
  initial-value: #e6a9bd;
}
@property --color-blush-text {
  syntax: "<color>";
  inherits: true;
  initial-value: #b06b82;
}
@property --color-cream-text {
  syntax: "<color>";
  inherits: true;
  initial-value: #f3e9d8;
}
@property --color-gold-bright {
  syntax: "<color>";
  inherits: true;
  initial-value: #e6c874;
}
@property --garden-green-deep {
  syntax: "<color>";
  inherits: true;
  initial-value: #5a6a3e;
}
@property --surface-veil-soft {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(255,255,255,0.4);
}
@property --surface-veil-panel {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(247,243,234,0.6);
}
@property --glass-highlight-strong {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(255,255,255,0.7);
}

  :host, :root {
  --nav-bg: rgba(247,243,234,0.55);
  --glass-bg: linear-gradient(150deg, rgba(255,255,255,0.55) 0%, rgba(247,243,234,0.32) 44%, rgba(201,162,75,0.14) 100%);
  --color-gold: #c9a24b;
  --color-ivory: #f7f3ea;
  --color-muted: #a89f8c;
  --shadow-gold: 0 20px 60px -18px rgba(201,162,75,0.45);
  --shadow-luxe: 0 30px 80px -20px rgba(0,0,0,0.6);
  --color-marble: #efe9dc;
  --garden-green: #7a8a5c;
  --surface-veil: rgba(255,255,255,0.5);
  --cherub-filter: brightness(0) saturate(100%) invert(72%) sepia(38%) saturate(560%) hue-rotate(1deg) brightness(92%) contrast(88%) drop-shadow(0 0 10px rgba(201, 162, 75, 0.35));
  --surface-panel: rgba(247,243,234,0.85);
  --cherub-opacity: 1;
  --color-charcoal: #efe9dc;
  --color-obsidian: #0b0a08;
  --color-gold-deep: #9c7b2e;
  --glass-highlight: rgba(255,255,255,0.5);
  --garden-green-deep: #5a6a3e;
  --surface-veil-soft: rgba(255,255,255,0.4);
  --surface-veil-panel: rgba(247,243,234,0.6);
  --glass-highlight-strong: rgba(255,255,255,0.7);
}
  @media (prefers-color-scheme: dark) {
      :host, :root {
  --nav-bg: rgba(11,10,8,0.6);
  --glass-bg: linear-gradient(150deg, rgba(40,36,28,0.72) 0%, rgba(20,18,14,0.55) 44%, rgba(201,162,75,0.16) 100%);
  --color-gold: #d9b661;
  --color-ivory: #0b0a08;
  --color-muted: #8c8471;
  --shadow-gold: 0 20px 60px -18px rgba(201,162,75,0.55);
  --shadow-luxe: 0 30px 80px -20px rgba(0,0,0,0.85);
  --color-marble: #14120e;
  --garden-green: #96a86e;
  --surface-veil: rgba(40,36,28,0.4);
  --cherub-filter: invert(1) brightness(1.7) drop-shadow(0 0 10px rgba(201,162,75,0.45));
  --surface-panel: rgba(30,27,22,0.85);
  --cherub-opacity: 0.33;
  --color-charcoal: #1e1b16;
  --color-obsidian: #f7f3ea;
  --color-gold-deep: #c9a24b;
  --glass-highlight: rgba(217,182,97,0.14);
  --garden-green-deep: #7a8a5c;
  --surface-veil-soft: rgba(40,36,28,0.35);
  --surface-veil-panel: rgba(20,18,14,0.6);
  --glass-highlight-strong: rgba(217,182,97,0.2);
}
    }
  @media (prefers-color-scheme: light) {
      :host, :root {
  --nav-bg: rgba(247,243,234,0.55);
  --glass-bg: linear-gradient(150deg, rgba(255,255,255,0.55) 0%, rgba(247,243,234,0.32) 44%, rgba(201,162,75,0.14) 100%);
  --color-gold: #c9a24b;
  --color-ivory: #f7f3ea;
  --color-muted: #a89f8c;
  --shadow-gold: 0 20px 60px -18px rgba(201,162,75,0.45);
  --shadow-luxe: 0 30px 80px -20px rgba(0,0,0,0.6);
  --color-marble: #efe9dc;
  --garden-green: #7a8a5c;
  --surface-veil: rgba(255,255,255,0.5);
  --cherub-filter: brightness(0) saturate(100%) invert(72%) sepia(38%) saturate(560%) hue-rotate(1deg) brightness(92%) contrast(88%) drop-shadow(0 0 10px rgba(201, 162, 75, 0.35));
  --surface-panel: rgba(247,243,234,0.85);
  --cherub-opacity: 1;
  --color-charcoal: #efe9dc;
  --color-obsidian: #0b0a08;
  --color-gold-deep: #9c7b2e;
  --glass-highlight: rgba(255,255,255,0.5);
  --garden-green-deep: #5a6a3e;
  --surface-veil-soft: rgba(255,255,255,0.4);
  --surface-veil-panel: rgba(247,243,234,0.6);
  --glass-highlight-strong: rgba(255,255,255,0.7);
}
    }
  [data-nc-theme~="Dark"] {
  --nav-bg: rgba(11,10,8,0.6);
  --glass-bg: linear-gradient(150deg, rgba(40,36,28,0.72) 0%, rgba(20,18,14,0.55) 44%, rgba(201,162,75,0.16) 100%);
  --color-gold: #d9b661;
  --color-ivory: #0b0a08;
  --color-muted: #8c8471;
  --shadow-gold: 0 20px 60px -18px rgba(201,162,75,0.55);
  --shadow-luxe: 0 30px 80px -20px rgba(0,0,0,0.85);
  --color-marble: #14120e;
  --garden-green: #96a86e;
  --surface-veil: rgba(40,36,28,0.4);
  --cherub-filter: invert(1) brightness(1.7) drop-shadow(0 0 10px rgba(201,162,75,0.45));
  --surface-panel: rgba(30,27,22,0.85);
  --cherub-opacity: 0.33;
  --color-charcoal: #1e1b16;
  --color-obsidian: #f7f3ea;
  --color-gold-deep: #c9a24b;
  --glass-highlight: rgba(217,182,97,0.14);
  --garden-green-deep: #7a8a5c;
  --surface-veil-soft: rgba(40,36,28,0.35);
  --surface-veil-panel: rgba(20,18,14,0.6);
  --glass-highlight-strong: rgba(217,182,97,0.2);
}
[data-nc-theme~="Light"] {
  --nav-bg: rgba(247,243,234,0.55);
  --glass-bg: linear-gradient(150deg, rgba(255,255,255,0.55) 0%, rgba(247,243,234,0.32) 44%, rgba(201,162,75,0.14) 100%);
  --color-gold: #c9a24b;
  --color-ivory: #f7f3ea;
  --color-muted: #a89f8c;
  --shadow-gold: 0 20px 60px -18px rgba(201,162,75,0.45);
  --shadow-luxe: 0 30px 80px -20px rgba(0,0,0,0.6);
  --color-marble: #efe9dc;
  --garden-green: #7a8a5c;
  --surface-veil: rgba(255,255,255,0.5);
  --cherub-filter: brightness(0) saturate(100%) invert(72%) sepia(38%) saturate(560%) hue-rotate(1deg) brightness(92%) contrast(88%) drop-shadow(0 0 10px rgba(201, 162, 75, 0.35));
  --surface-panel: rgba(247,243,234,0.85);
  --cherub-opacity: 1;
  --color-charcoal: #efe9dc;
  --color-obsidian: #0b0a08;
  --color-gold-deep: #9c7b2e;
  --glass-highlight: rgba(255,255,255,0.5);
  --garden-green-deep: #5a6a3e;
  --surface-veil-soft: rgba(255,255,255,0.4);
  --surface-veil-panel: rgba(247,243,234,0.6);
  --glass-highlight-strong: rgba(255,255,255,0.7);
}

    


@layer base {
  
  body, :host {
    /* Color */
    
    /* Fonts */
    --font-sans: 'Inter',sans-serif;
--font-cormorant: 'Cormorant Garamond',serif;
--font-Noto Serif KR: 'Noto Serif KR',serif;
--font-Fleur De Leah: 'Fleur De Leah',handwriting;

    /* Font size */
    
    /* Font weight */
    
    /* Shadows */
    
    /* Border radius */
    
    /* Spacing */
    
    /* Z-index */
    
  }
  @keyframes animation-spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes animation-fade-in {
    from {
      opacity:0;
    }
    to {
      opacity:1;
    }
  }
  @keyframes animation-fade-out {
    from {
      opacity:1;
    }
    to {
      opacity:0;
    }
  }
}