@import 'tailwindcss';

@import "../plugins/Notification/src/message.css";
@import "../fonts/BaiJamjuree/font.css";

@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';
@source '../**/*.blade.php';
@source '../**/*.js';


@theme {
    /* Fonts */
    --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
    'Segoe UI Symbol', 'Noto Color Emoji';
    --font-bai: 'Bai Jamjuree', sans-serif;
    /*--font-space: 'Space Age', sans-serif;*/
    /*--font-syne: 'Syne', sans-serif;*/

    /* ========================
       PRIMARY (clean modern blue)
    ======================== */
    --color-primary: #6366f1;

    --color-primary-50:  #EEF2FF;
    --color-primary-100: #E0E7FF;
    --color-primary-200: #C7D2FE;
    --color-primary-300: #A5B4FC;
    --color-primary-400: #818CF8;
    --color-primary-500: #4F46E5;
    --color-primary-600: #4338CA;
    --color-primary-700: #3730A3;
    --color-primary-800: #312E81;
    --color-primary-900: #1E1B4B;

    /* ========================
       BACKGROUND
    ======================== */
    --color-background: #F6F7FB;
    --color-surface: #FFFFFF;

    /* ========================
       TEXT
    ======================== */
    --color-text: #0F172A;
    --color-text-muted: #64748B;
    --color-text-light: #94A3B8;

    /* ========================
       BORDER
    ======================== */
    --color-border: #E2E8F0;
    --color-border-strong: #CBD5E1;

    /* ========================
       SIDEBAR
    ======================== */
    --color-sidebar: #FFFFFF;
    --color-sidebar-hover: #F1F5F9;
    --color-sidebar-active: #4F46E5;

    /* ========================
       STATUS
    ======================== */
    --color-success: #22C55E;
    --color-danger: #EF4444;
    --color-warning: #F59E0B;

    /* ========================
       SHADOW
    ======================== */
    --shadow-card: 0 8px 24px rgba(15, 23, 42, 0.05);
    --shadow-hover: 0 12px 30px rgba(15, 23, 42, 0.08);

    /* ========================
       RADIUS
    ======================== */
    --radius-card: 14px;
    --radius-button: 10px;
}

/* Chrome, Safari */
::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

/* Firefox */
* {
    scrollbar-width: none;
}

html {
    @apply font-bai
}

.calendar-allday-event {
    will-change: left;
}


.allday-drop-preview {
    background: rgba(59, 130, 246, 0.15);
}

.allday-drop-line {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2px;
    background: rgb(59, 130, 246);
    pointer-events: none;
    z-index: 50;
}

.calendar-event {
    transition: transform 0.2s ease;
}

.input {
    @apply w-full mt-1 border border-border rounded-lg px-3 py-2 text-sm;
}

