:root {
    /* Colors */
    --fh-bg: #fafafa;
    --fh-surface: #ffffff;
    --fh-surface-hover: #f5f5f5;

    --fh-border: #e5e5e5;
    --fh-border-strong: #d4d4d4;

    --fh-text: #171717;
    --fh-text-muted: #737373;
    --fh-text-soft: #a3a3a3;

    --fh-primary: #2563eb;
    --fh-primary-hover: #1d4ed8;
    --fh-primary-soft: #dbeafe;

    --fh-success: #16a34a;
    --fh-success-soft: #dcfce7;

    --fh-warning: #f59e0b;
    --fh-warning-soft: #fef3c7;

    --fh-danger: #dc2626;
    --fh-danger-soft: #fee2e2;

    --fh-info: #0284c7;
    --fh-info-soft: #e0f2fe;

    /* Radius */
    --fh-radius-sm: 6px;
    --fh-radius-md: 10px;
    --fh-radius-lg: 14px;

    /* Shadows */
    --fh-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);

    /* Spacing */
    --fh-space-1: 4px;
    --fh-space-2: 8px;
    --fh-space-3: 12px;
    --fh-space-4: 16px;
    --fh-space-5: 24px;
    --fh-space-6: 32px;
    --fh-space-7: 40px;
    --fh-space-8: 48px;

    /* Font */
    --fh-font: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

    --fh-text-xs: 12px;
    --fh-text-sm: 13px;
    --fh-text-md: 14px;
    --fh-text-lg: 18px;
    --fh-text-xl: 24px;
    --fh-text-2xl: 32px;

    /* Layout */
    --fh-sidebar-width: 260px;
    --fh-header-height: 72px;

    /* Transition */
    --fh-transition: 0.15s ease;
}