:root {
    --rd-slate: #1F2A2E;
    --rd-pine: #2F5D50;
    --rd-teal: #3A8C8A;
    --rd-clay: #C96F3D;
    --rd-amber: #D9A441;

    --rd-bg: #F8F9F8;
    --rd-surface: #FFFFFF;
    --rd-surface-muted: #F1F4F2;
    --rd-border: #E5E7E6;
    --rd-border-strong: #D5DBD8;

    --rd-text: #1F2A2E;
    --rd-text-muted: #6C7575;
    --rd-text-soft: #8A9494;

    --rd-primary: var(--rd-pine);
    --rd-primary-hover: #264B41;
    --rd-accent: var(--rd-clay);
    --rd-accent-hover: #B55E31;

    --status-draft: #9AA2A8;
    --status-new: #C96F3D;
    --status-open: #3A8C8A;
    --status-pending: #D9A441;
    --status-resolved: #2F5D50;
    --status-closed: #6C7575;

    --priority-low: #94A3B8;
    --priority-normal: #3A8C8A;
    --priority-high: #D97706;
    --priority-urgent: #DC2626;

    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 14px;
    --radius-xl: 22px;

    --shadow-sm: 0 1px 2px rgba(21, 26, 29, .06);
    --shadow-md: 0 8px 24px rgba(21, 26, 29, .08);
    --shadow-lg: 0 18px 54px rgba(21, 26, 29, .12);
}

body {
    background: var(--rd-bg);
    color: var(--rd-text);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.rd-btn {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 999px;
    display: inline-flex;
    font-weight: 700;
    gap: .5rem;
    justify-content: center;
    line-height: 1;
    padding: .85rem 1.15rem;
    text-decoration: none;
    transition: background .15s ease, border-color .15s ease, color .15s ease, transform .15s ease;
}

.rd-btn:hover { transform: translateY(-1px); }
.rd-btn-primary { background: var(--rd-accent); color: #fff; }
.rd-btn-primary:hover { background: var(--rd-accent-hover); color: #fff; }
.rd-btn-secondary { background: #fff; border-color: var(--rd-border-strong); color: var(--rd-slate); }
.rd-btn-secondary:hover { border-color: var(--rd-pine); color: var(--rd-pine); }

.rd-card {
    background: var(--rd-surface);
    border: 1px solid var(--rd-border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
}

.rd-badge {
    border-radius: 999px;
    display: inline-flex;
    font-size: .76rem;
    font-weight: 700;
    line-height: 1;
    padding: .38rem .56rem;
}

.rd-badge-draft { background: #EEF0F1; color: #687179; }
.rd-badge-new { background: #FCEBDD; color: #A54F28; }
.rd-badge-open { background: #E3F4F3; color: #2B6E6B; }
.rd-badge-pending { background: #FFF6DF; color: #9A680C; }
.rd-badge-resolved { background: #E4F2EB; color: #2F5D50; }
.rd-badge-closed { background: #ECEEEE; color: #626C6C; }

.rd-app-brand {
    align-items: center;
    display: inline-flex;
    gap: .75rem;
}

.rd-app-brand img { height: 42px; width: 42px; }
.rd-app-brand-title { font-size: 1.1rem; font-weight: 800; letter-spacing: -.035em; }
.rd-app-brand-subtitle { color: var(--rd-text-muted); font-size: .82rem; margin-top: .08rem; }

.rd-client-avatar {
    align-items: center;
    background: var(--rd-pine);
    border-radius: 50%;
    color: #fff;
    display: inline-flex;
    font-weight: 800;
    height: 44px;
    justify-content: center;
    letter-spacing: -.04em;
    width: 44px;
}

.rd-strata-bg {
    background:
        radial-gradient(circle at 85% 20%, rgba(201, 111, 61, .18), transparent 18rem),
        linear-gradient(135deg, rgba(47, 93, 80, .08), transparent 42%),
        var(--rd-bg);
    overflow: hidden;
    position: relative;
}

.rd-strata-bg::after {
    background-image: url('/images/strata-lines.svg');
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 110% auto;
    bottom: -2rem;
    content: '';
    inset-inline: 0;
    opacity: .34;
    pointer-events: none;
    position: absolute;
    top: 0;
}