:root { 
  --background: #050505;
  --foreground: #ffffff;

  --card: #111111;

  /* Brand Colors */
  --primary: #febe00;
  --secondary: #7a0c0f;
  --tertiary: #ffffff;

  /* Borders */
  --border: rgba(254, 190, 0, 0.15);
  
  /* Shadows */
  --shadow-color: 254, 190, 0; /* Primary color rgb */
  --shadow-opacity: 0.2;
  --shadow-custom: 4px 4px 0px rgba(var(--shadow-color), var(--shadow-opacity));
  --shadow-custom-hover: 2px 2px 0px rgba(var(--shadow-color), var(--shadow-opacity));
}

body {
    font-family: 'Inter', sans-serif;
    background-color: var(--background);
    color: var(--foreground);
    transition: background-color 0.3s ease, color 0.3s ease;
    cursor: none; /* Hide default cursor */
}

/* Custom Cursor Styles */
.custom-cursor-dot,
.custom-cursor-circle {
    position: fixed;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 9999;
    transform: translate(-50%, -50%);
}

.custom-cursor-dot {
    width: 6px;
    height: 6px;
    background-color: var(--primary);
    border-radius: 50%;
}

.custom-cursor-circle {
    width: 36px;
    height: 36px;
    border: 1.5px solid var(--primary);
    border-radius: 50%;
    transition: width 0.3s ease-out, height 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out;
}

.custom-cursor-circle.hovering {
    width: 56px;
    height: 56px;
    background-color: rgba(254, 190, 0, 0.1);
    border-color: rgba(254, 190, 0, 0.4);
    backdrop-filter: blur(2px);
}

a, button, input, textarea, select {
    cursor: none;
}

.font-display { 
    font-family: 'Bevan', serif; 
}

.font-heading { 
    font-family: 'Anton', sans-serif; 
    letter-spacing: 1px; 
}

.glass-nav {
    background: rgba(5, 5, 5, 0.7);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

/* Custom Utilities from New Design */
.text-stroke {
    -webkit-text-stroke: 1px rgba(255,255,255,0.2);
}

.highlighter {
    background-color: var(--primary);
    padding: 0 0.2em;
    transform: rotate(-1deg);
    display: inline-block;
    color: black;
}

.highlighter-alt {
    background-color: var(--primary);
    padding: 0 0.2em;
    transform: rotate(1deg);
    display: inline-block;
    color: black;
}


.glass-nav{
    background: rgba(0,0,0,0.45);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(255,255,255,0.08);
}