/**
 * D-Tools Design Tokens - Đồng bộ giao diện toàn hệ thống
 * Dùng chung cho: Index, User, Admin, Auth
 */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root {
    /* Core */
    --dt-bg: #0F1216;
    --dt-panel: #161B22;
    --dt-panel-hover: #1C2128;
    --dt-border: #2A313C;
    --dt-border-light: #373E47;

    /* Text */
    --dt-text: #F2F5F8;
    --dt-text-muted: #8B949E;
    --dt-text-subtle: #6E7681;

    /* Accent & Primary */
    --dt-primary: #E63946;
    --dt-primary-hover: #C92A38;

    /* Status */
    --dt-success: #55B36B;
    --dt-success-bg: rgba(85, 179, 107, 0.12);
    --dt-warning: #F4C95D;
    --dt-warning-bg: rgba(244, 201, 93, 0.12);
    --dt-danger: #E63946;
    --dt-danger-bg: rgba(230, 57, 70, 0.12);
    --dt-info: #58A6FF;
    --dt-info-bg: rgba(88, 166, 255, 0.12);

    /* Layout */
    --dt-radius: 8px;
    --dt-radius-sm: 6px;
    --dt-shadow: 0 1px 3px rgba(0,0,0,0.3);
    --dt-shadow-lg: 0 4px 12px rgba(0,0,0,0.4);

    /* Font */
    --dt-font: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

    /* Aliases cho admin.css */
    --bg: var(--dt-bg);
    --panel: var(--dt-panel);
    --panel-hover: var(--dt-panel-hover);
    --border: var(--dt-border);
    --text: var(--dt-text);
    --text-muted: var(--dt-text-muted);
    --primary: var(--dt-primary);
    --primary-hover: var(--dt-primary-hover);
}