@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;1,400&family=General+Sans:wght@400;500;600;700&display=swap');

:root {
    --white: #FFFFFF;
    --off-white: #FAFAFA;
    --black: #0D0D0D;
    --black-2: #1A1A1A;
    --gray-1: #444444;
    --gray-2: #777777;
    --gray-3: #AAAAAA;
    --gray-4: #DDDDDD;
    --gray-5: #F0F0F0;

    --bg-primary: var(--white);
    --bg-secondary: var(--white);
    --bg-card: var(--white);
    --bg-card-hover: #f3f4f8;
    --bg-input: #f1f3f7;
    --border-color: #e2e5eb;
    --border-focus: var(--black);

    --text-primary: var(--black);
    --text-secondary: #5a6070;
    --text-muted: #8b92a5;

    --accent: #4f6bed;
    --accent-hover: #3d58d9;
    --accent-subtle: rgba(79, 107, 237, 0.08);
    --black-subtle: rgba(13, 13, 13, 0.06);

    --success: #16a34a;
    --success-bg: rgba(22, 163, 74, 0.08);
    --warning: #d97706;
    --warning-bg: rgba(217, 119, 6, 0.08);
    --error: #dc2626;
    --error-bg: rgba(220, 38, 38, 0.06);

    --radius: 8px;
    --radius-sm: 6px;
    --radius-lg: 12px;

    --shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.1);

    --sidebar-width: 230px;
    --sidebar-collapsed-width: 60px;

    --ff-body: 'General Sans', system-ui, -apple-system, sans-serif;
    --ff-display: 'Playfair Display', Georgia, serif;
    --ff-mono: 'Courier New', monospace;
}