@import url('https://fonts.googleapis.com/css2?family=Geologica:wght@400;500;600;700;800;900&family=Maven+Pro:wght@400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@600;700;800;900&display=swap');

/* Optimize font loading for Reown/WalletConnect fonts */
@font-face {
  font-family: 'KHTeka';
  font-display: optional; /* Don't block render for third-party fonts */
}

/* Suppress font preload warnings by intercepting the preload */
@font-face {
  font-family: 'KHTeka-Medium';
  font-display: swap; /* Changed to swap for faster rendering */
  src: url('https://fonts.reown.com/KHTeka-Medium.woff2') format('woff2');
  /* Load immediately to satisfy preload */
}

/* Immediate font usage to prevent preload warnings */
html {
  /* Apply font immediately on html element */
  font-family: var(--text-font), 'KHTeka-Medium', system-ui;
}

/* Ensure AppKit components inherit optimized fonts */
w3m-modal,
w3m-button,
appkit-modal,
appkit-button,
[data-testid*="w3m"],
[class*="appkit"],
[class*="w3m"] {
  font-family: inherit !important;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    transition: 0.2s ease-in-out;
}

html {
    scroll-behavior: smooth;
}

a {
    text-decoration: none;
}

:root {
    --primary: #ffb43c;
    --primary-fade: #ba7300;
    --text: #f5f5f5;
    --background: #000000;
    --head-font: 'Geologica';
    --text-font: 'Maven Pro';
}

body {
    font-family: var(--text-font);
    background: var(--background);
    color: var(--text);
}

/* Scrollbar Styling */
::-webkit-scrollbar {
    width: 4px;
    border-radius: 3px;
    height: 3px;
    margin: 0px 10px;
}

::-webkit-scrollbar-track {
    background: transparent;
    margin: 0px 20px;
}

::-webkit-scrollbar-thumb {
    background: rgb(170, 170, 170);
    border-radius: 0px;
}

::-webkit-scrollbar-thumb:hover {
    background: orange;
    ;
}


/* Number inputbox Styling */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}