:root {
    --pm-color-primary: #0f6cbd;
    --pm-color-primary-hover: #115ea3;
    --pm-color-text: #24292f;
    --pm-color-muted: #66727d;
    --pm-color-border: #d7dfe6;
    --pm-color-surface: #ffffff;
    --pm-color-page: #f3f5f7;
    --pm-radius-sm: 8px;
    --pm-radius-md: 12px;
    --pm-shadow-card: 0 1px 2px rgba(17, 24, 39, .04), 0 8px 24px rgba(17, 24, 39, .04);
    --pm-font-family: "Segoe UI Variable", "Segoe UI", -apple-system, BlinkMacSystemFont, Arial, sans-serif;
    font-family: var(--pm-font-family);
}

* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; color: var(--pm-color-text); background: var(--pm-color-page); font-family: var(--pm-font-family); }
body, input, button, select, textarea { font: inherit; }
a { color: inherit; }

.pm-suite-card {
    border: 1px solid var(--pm-color-border);
    border-radius: var(--pm-radius-md);
    background: var(--pm-color-surface);
    box-shadow: var(--pm-shadow-card);
}