@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
    /* Theme Colors - RGB format for Tailwind opacity support */
    --color-primary: 216 166 83;
    --color-secondary: 240 207 145;
    --color-accent: 141 92 31;
    --color-success: 34 197 94;
    --color-warning: 245 158 11;
    --color-error: 239 68 68;
    --color-neutral: 107 114 128;
    --bg-grey: 40 41 41;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Inter', system-ui, sans-serif;
}

.gradient-text {
    background: linear-gradient(135deg, rgb(var(--color-primary)) 0%, rgb(var(--color-secondary)) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.notranslate {
    -webkit-translate: none;
    -moz-translate: none;
    -ms-translate: none;
    -o-translate: none;
    translate: none;
}