/* Theme Variables */

:root {
    --font-mono: 'Google Sans Code', monospace;
    --font-sans: 'Google Sans Code', sans-serif;
}

/* Dark Theme (Default) — Radix Gray + Blue */
.theme-dark {
    --bg-primary: #111113;
    --bg-secondary: #19191b;
    --bg-tertiary: #222325;
    --bg-hover: #292a2e;
    --bg-tooltip: #19191b;

    --text-primary: #eeeef0;
    --text-secondary: #b2b3bd;
    --text-muted: #6c6e79;

    --border-color: #393a40;
    --border-hover: #46484f;

    --accent-color: #0091ff;
    --accent-hover: #0081f1;
    --accent-color-alpha: rgba(0, 145, 255, 0.2);

    --success-color: #22c55e;
    --warning-color: #f59e0b;
    --danger-color: #ef4444;
    --danger-hover: #dc2626;

    --highlight-color: rgba(250, 204, 21, 0.2);
    --highlight-border: #facc15;

    --grid-color: #cbcbf90b;
    --grid-color-large: #d6e2f916;

    --relationship-color: #0091ff;
    --relationship-one-to-one: #22c55e;
    --relationship-one-to-many: #0091ff;
    --relationship-many-to-many: #f59e0b;

    --shadow-color: rgba(0, 0, 0, 0.5);

    --table-bg: #19191b;
    --table-header-bg: #222325;
    --table-border: #393a40;
    --table-field-hover: rgba(0, 145, 255, 0.08);

    --pk-color: #facc15;
    --fk-color: #006adc;
    --sensitivity-low: #22c55e;
    --sensitivity-medium: #f59e0b;
    --sensitivity-high: #ef4444;
    --sensitivity-pii: #ec4899;
}

/* Light Theme — Radix Gray + Blue */
.theme-light {
    --bg-primary: #fcfcfd;
    --bg-secondary: #f9f9fb;
    --bg-tertiary: #eff0f3;
    --bg-hover: #e7e8ec;
    --bg-tooltip: #ffffff;

    --text-primary: #1e1f24;
    --text-secondary: #62636c;
    --text-muted: #8b8d98;

    --border-color: #d8d9e0;
    --border-hover: #cdced7;

    --accent-color: #0091ff;
    --accent-hover: #0081f1;
    --accent-color-alpha: rgba(0, 145, 255, 0.15);

    --success-color: #16a34a;
    --warning-color: #d97706;
    --danger-color: #dc2626;
    --danger-hover: #b91c1c;

    --highlight-color: rgba(250, 204, 21, 0.3);
    --highlight-border: #ca8a04;

    --grid-color: rgba(0, 0, 0, 0.03);
    --grid-color-large: rgba(0, 0, 0, 0.06);

    --relationship-color: #0091ff;
    --relationship-one-to-one: #16a34a;
    --relationship-one-to-many: #0091ff;
    --relationship-many-to-many: #d97706;

    --shadow-color: rgba(0, 0, 0, 0.08);

    --table-bg: #ffffff;
    --table-header-bg: #f9f9fb;
    --table-border: #d8d9e0;
    --table-field-hover: rgba(0, 145, 255, 0.08);

    --pk-color: #ca8a04;
    --fk-color: #006adc;
    --sensitivity-low: #16a34a;
    --sensitivity-medium: #d97706;
    --sensitivity-high: #dc2626;
    --sensitivity-pii: #db2777;
}

/* Theme transition */
body {
    transition: background-color 0.2s ease, color 0.2s ease;
}

.header, .sidebar, .drawer, .modal-content, .table-entity {
    transition: background-color 0.2s ease, border-color 0.2s ease;
}