/* GLOBAL STYLES AND VARIABLES FOR THE OFFICIAL WEBSITE */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;0,700;1,400&display=swap');

:root {
    /* Color Palette - Cinematic Dark Canvas */
    --bg-primary: #0a0a0a;       /* Deep charcoal black for main background */
    --bg-secondary: #141414;     /* Slightly lighter black for cards or sections */
    --text-primary: #f5f5f7;     /* Subtle ivory white for headings and main text */
    --text-muted: #86868b;       /* Titanium grey for secondary text and credits */
    --accent-color: #ffffff;     /* Pure white for interactions and highlights */
    
    /* Typography - Hybrid Option C */
    --font-display: 'Playfair Display', serif;  /* For prominent headings and titles */
    --font-body: 'Inter', sans-serif;           /* For menus, buttons, links, and body copy */
    
    /* Global Layout Metrics */
    --radius-smooth: 8px;        /* Soft corner radius for artworks and buttons */
    --transition-clean: all 0.3s ease; /* Smooth transition for hover states */
}

/* GLOBAL RESET AND BASE STYLES */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background-color: var(--bg-primary);
    color: var(--text-primary);
    font-family: var(--font-body);
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}

h1, h2, h3, .display-title {
    font-family: var(--font-display);
    color: var(--text-primary);
}

a {
    color: inherit;
    text-decoration: none;
    transition: var(--transition-clean);
}