/* iHARS Kreş Soft-UI Design Tokens */
:root {
    --primary-color: #7c6cf0;
    --primary-dark: #5b4fd6;
    --primary-soft: #ede9fe;
    --primary-hover: #6a5ae0;
    --secondary-color: #8b8fa8;
    --accent-color: #7c6cf0;
    --accent-hover: #5b4fd6;
    --success-color: #34c759;
    --success-soft: #e8f9ee;
    --error-color: #ff5a6b;
    --error-soft: #ffe8eb;
    --warning-color: #f5a623;
    --warning-soft: #fff4e0;
    --info-color: #5ac8fa;
    --info-soft: #e8f7fe;

    --pink: #ff6b9d;
    --pink-soft: #ffe4ef;
    --purple: #7c6cf0;
    --purple-soft: #ede9fe;
    --green: #34c759;
    --green-soft: #e8f9ee;
    --amber: #f5a623;
    --amber-soft: #fff4e0;
    --sky: #5ac8fa;
    --sky-soft: #e8f7fe;
    --coral: #ff8a65;
    --coral-soft: #fff0eb;

    --background-color: #f4f2fb;
    --background-grad: linear-gradient(160deg, #f7f5ff 0%, #f0eef8 45%, #faf8ff 100%);
    --surface-color: #ffffff;
    --surface-muted: #f8f7fc;
    --border-color: #e8e4f3;
    --border-soft: #f0edf7;

    --text-primary: #2d2a3e;
    --text-secondary: #7a7690;
    --text-tertiary: #a39eb8;
    --text-on-primary: #ffffff;

    --shadow-sm: 0 2px 8px rgba(124, 108, 240, 0.06);
    --shadow-md: 0 8px 24px rgba(124, 108, 240, 0.10);
    --shadow-lg: 0 16px 40px rgba(124, 108, 240, 0.14);
    --shadow-card: 0 4px 20px rgba(45, 42, 62, 0.06);

    --border-radius: 18px;
    --border-radius-sm: 12px;
    --border-radius-lg: 24px;
    --border-radius-pill: 999px;

    --sidebar-width: 280px;
    --transition: all 0.22s ease;

    --font-family: 'Nunito', system-ui, -apple-system, sans-serif;
}