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

@font-face {
    font-family: 'Melina';
    src: url('/fonts/Melina.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Swiss721 Black BT';
    src: url('/fonts/Swiss721_BlackBT.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Gobold Bold';
    src: url('/fonts/Gobold_Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

:root {
    /* Light Theme */
    --color-bg: #ffffff;
    --color-text: #222222;
    --color-primary: #F53003;
    --color-secondary: #F8B803;
    --color-accent: #391800;
    --color-border: #e3e3e0;
    --color-shadow: rgba(0,0,0,0.08);
    --color-hover: #FF750F;
}

[data-theme="dark"] {
    --color-bg: #0a0a0a;
    --color-text: #ededec;
    --color-primary: #FF4433;
    --color-secondary: #733000;
    --color-accent: #F0ACB8;
    --color-border: #3E3E3A;
    --color-shadow: rgba(255,255,255,0.08);
    --color-hover: #F61500;
}

/* Exemplo de uso das variáveis */
body {
    background: var(--color-bg);
    color: var(--color-text);
}

.border {
    border-color: var(--color-border);
}

.shadow {
    box-shadow: 0 2px 8px var(--color-shadow);
}

a:hover, .hover {
    color: #fff !important;
}