/**
 * MR Design System v1.0 — Brand tokens.
 * UI code should consume these variables instead of hardcoded accent colors.
 */
:root {
    --mrbp-primary: #1e8a8a;
    --mrbp-primary-light: #38b2ac;
    --mrbp-primary-lighter: #72d2cc;
    --mrbp-primary-dark: #166d6d;
    --mrbp-primary-deep: #0f5959;
    --mrbp-primary-soft: #eaf8f8;
    --mrbp-primary-softer: #f4fbfb;
    --mrbp-active: #d9f2f2;
    --mrbp-hover: #eaf8f8;
    --mrbp-focus-ring: rgba(30, 138, 138, .20);
    --mrbp-link: #177979;
    --mrbp-link-hover: #0f5f5f;
    --mrbp-success: #22c55e;
    --mrbp-warning: #f59e0b;
    --mrbp-danger: #ef4444;
    --mrbp-info: #2fa6a6;
    --mrbp-bg: #f7fcfc;
    --mrbp-card: #ffffff;
    --mrbp-border: #dceeee;
    --mrbp-border-strong: #a7d8d5;
    --mrbp-ink: #122033;
    --mrbp-muted: #66758a;
    --mrbp-radius: 18px;
    --mrbp-shadow: 0 12px 32px rgba(30, 138, 138, .12);
    --mrbp-gradient: linear-gradient(135deg, #1e8a8a 0%, #38b2ac 100%);
    --mrbp-gradient-hover: linear-gradient(135deg, #166d6d 0%, #2fa6a6 100%);

    /* Backward-compatible aliases used by older UI code. */
    --mrbp-blue: var(--mrbp-primary);
    --mrbp-violet: var(--mrbp-primary-light);
}

/* Shared brand interaction rules. Kept deliberately scoped to MR interfaces. */
.mrbp-admin-shell a:not(.button):not(.mrbp-button),
.mrbp-wrap a:not(.button):not(.mrbp-button),
.mrcp-wrap a:not(.button),
.mrcp-dashboard a:not(.button) { color: var(--mrbp-link); }
.mrbp-admin-shell a:not(.button):not(.mrbp-button):hover,
.mrbp-wrap a:not(.button):not(.mrbp-button):hover,
.mrcp-wrap a:not(.button):hover,
.mrcp-dashboard a:not(.button):hover { color: var(--mrbp-link-hover); }

.mrbp-admin-shell :is(a,button,input,select,textarea,[tabindex]):focus-visible,
.mrbp-wrap :is(a,button,input,select,textarea,[tabindex]):focus-visible,
.mrcp-wrap :is(a,button,input,select,textarea,[tabindex]):focus-visible,
.mrcp-dashboard :is(a,button,input,select,textarea,[tabindex]):focus-visible {
    outline: 2px solid var(--mrbp-primary) !important;
    outline-offset: 2px;
    box-shadow: 0 0 0 4px var(--mrbp-focus-ring) !important;
}

.mrbp-admin-shell .button-primary,
.mrbp-admin-shell .mrbp-button.is-primary,
.mrbp-wrap .button-primary,
.mrbp-wrap .mrbp-button.is-primary {
    background: var(--mrbp-gradient) !important;
    border-color: var(--mrbp-primary) !important;
}
.mrbp-admin-shell .button-primary:hover,
.mrbp-admin-shell .mrbp-button.is-primary:hover,
.mrbp-wrap .button-primary:hover,
.mrbp-wrap .mrbp-button.is-primary:hover {
    background: var(--mrbp-gradient-hover) !important;
    border-color: var(--mrbp-primary-dark) !important;
}

.mrbp-admin-shell table tbody tr:hover,
.mrbp-wrap table tbody tr:hover { background: var(--mrbp-primary-softer); }

/* v7.5.0 brand interaction overrides */
:root{
  --mrbp-primary:#1e8a8a;
  --mrbp-primary-light:#38b2ac;
  --mrbp-primary-dark:#166d6d;
  --mrbp-hover:#eefaf9;
  --mrbp-active:#dff3f1;
  --mrbp-focus:rgba(30,138,138,.16);
}