:root {
    --urly-ink: #151b35;
    --urly-muted: #68718a;
    --urly-line: #e3e7ef;
    --urly-paper: #ffffff;
    --urly-wash: #f7f9fc;
    --urly-blue: #4932e8;
    --urly-blue-deep: #173fd1;
}

body { background: var(--urly-wash); color: var(--urly-ink); }
.card, .card-custom, .dash-card, .shorten-card, .tool-card, .urly-card, .x-card { border-radius: 9px !important; box-shadow: 0 2px 10px rgba(31,45,80,.04); }
.btn, .x-btn, .urly-btn, .btn-db { border-radius: 8px; }
.btn-primary, .x-btn--primary, .urly-btn-primary, .btn-db-primary { background: linear-gradient(135deg, var(--urly-blue), var(--urly-blue-deep)); border-color: transparent; }
.form-control, .form-select, input, textarea { border-color: var(--urly-line); border-radius: 8px; }
.text-primary { color: var(--urly-blue) !important; }
.bg-primary { background-color: var(--urly-blue) !important; }
.border-primary { border-color: var(--urly-blue) !important; }
.page-heading, .tool-header h1, .tools-header h1, .dash-header h1 { letter-spacing: -0.02em; }
@media (max-width: 600px) {
    .main-content, .tool-container, .tools-container, .dash-container { padding-left: 12px; padding-right: 12px; }
}