/**
 * Glassmorphis Theme — Design Tokens
 * Defines all CSS custom properties for the Glassmorphis dark glassmorphism theme.
 * Loaded after css/style.css so these values override the base defaults.
 *
 * Theme: Glassmorphis v1.0.0
 * Author: Portfolio CMS
 */

:root {
    /* ── Backgrounds ──────────────────────────────────────────────── */
    --bg:      #060606;
    --bg-2:    #0c0c0c;
    --bg-3:    #131313;
    --surface: rgba(255, 255, 255, 0.03);

    /* ── Accents ──────────────────────────────────────────────────── */
    --accent:      #9b6dff;
    --accent-dark: #7a4fd8;
    --cyan:        #00e5ff;
    --gold:        #f5c842;
    --gold-dark:   #d4a812;

    /* ── Text ─────────────────────────────────────────────────────── */
    --text:   #efefef;
    --text-2: #c8c8c8;
    --muted:  #777777;
    --dim:    #3a3a3a;

    /* ── Borders & Glass ──────────────────────────────────────────── */
    --border:      rgba(255, 255, 255, 0.09);
    --border-h:    rgba(155, 109, 255, 0.28);
    --glass-bg:    rgba(255, 255, 255, 0.05);
    --glass-hover: rgba(255, 255, 255, 0.08);
    --glass-top:   inset 0 1px 0 rgba(255, 255, 255, 0.07);

    /* ── Gradients ────────────────────────────────────────────────── */
    --gradient:      linear-gradient(135deg, #9b6dff 0%, #00e5ff 100%);
    --gradient-gold: linear-gradient(135deg, #f5c842 0%, #ff9800 100%);
    --gradient-dark: linear-gradient(135deg, #7a4fd8 0%, #0093aa 100%);

    /* ── Shadows ──────────────────────────────────────────────────── */
    --shadow-sm:   0 4px 24px rgba(0, 0, 0, 0.35);
    --shadow-md:   0 8px 48px rgba(0, 0, 0, 0.5);
    --shadow-glow: 0 0 48px rgba(155, 109, 255, 0.22);
    --shadow-gold: 0 0 48px rgba(245, 200, 66, 0.15);

    /* ── Radii ────────────────────────────────────────────────────── */
    --r:    10px;
    --r-lg: 18px;
    --r-xl: 28px;

    /* ── Motion ───────────────────────────────────────────────────── */
    --ease:   cubic-bezier(0.16, 1, 0.3, 1);
    --ease-s: cubic-bezier(0.4, 0, 0.2, 1);
    --t:      0.3s var(--ease-s);

    /* ── Typography ───────────────────────────────────────────────── */
    --font-head: 'Urbanist', sans-serif;
    --font-body: 'DM Sans', sans-serif;

    /* ── Layout ───────────────────────────────────────────────────── */
    --container:   1200px;
    --pad-section: 110px;
}