/**
 * AnotherMe - Main Stylesheet
 * Global styles and Tailwind CSS customizations
 */

/* Custom color variables matching design spec */
:root {
    --primary: #6366F1;
    --primary-dark: #4F46E5;
    --primary-light: #A5B4FC;
    --accent-purple: #A855F7;
    --accent-teal: #14B8A6;
}

/* Base styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Inter', sans-serif;
    line-height: 1.5;
    color: #111827;
    background-color: #F9FAFB;
}

/* Smooth transitions */
a, button {
    transition: all 150ms ease-in-out;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #F3F4F6;
}

::-webkit-scrollbar-thumb {
    background: #D1D5DB;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #9CA3AF;
}