:root {
    --crm-primary: #15507d;
    --crm-primary-hover: #328AC9;
    --crm-primary-active: #328AC9;

    --crm-success: #211551;
    --crm-danger: #211551;

    --crm-bg: #f4f6f9;
    --crm-surface: #ffffff;
    --crm-surface-soft: #f8fafc;
    --crm-text: #2c3e50;
    --crm-text-soft: #64748b;
    --crm-text-strong: #1f2937;
    --crm-border: #e2e8f0;
    --crm-border-soft: #e5e7eb;

    --crm-btn-font-size: 12px;
    --crm-btn-radius: 5px;
    --crm-btn-padding-y: 5px;
    --crm-btn-padding-x: 10px;

    --crm-table-font-size: 12px;
    --crm-table-head-font-size: 12px;
    --crm-table-cell-padding-y: 10px;
    --crm-table-cell-padding-x: 10px;

    --crm-input-height: 32px;
    --crm-input-radius: 6px;

    --crm-icon-size: 14px;
    --crm-action-size: 32px;
    --crm-action-radius: 8px;

    --crm-card-radius: 10px;
    --crm-modal-radius: 10px;
}