/* Theme: SSSON - matches the main ssson.com website (charcoal navy + orange accent) */
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@600;700;800&family=Roboto:wght@400;500;700&display=swap');

:root {
    --font-primary: 'Roboto', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
    --radius: 6px;
    --radius-lg: 10px;
    --shadow-sm: 0 1px 3px rgba(42,44,57,0.10);
    --shadow-md: 0 4px 14px rgba(42,44,57,0.14);
    --shadow-xl: 0 18px 40px rgba(42,44,57,0.22);

    --primary-color: #ef6603;
    --primary-hover: #d85a00;

    --bg-body: #f9f9f9;
    --text-dark: #2a2c39;
    --text-muted: #6b6f80;

    --navbar-bg: linear-gradient(135deg, #2a2c39 0%, #404356 100%);
    --navbar-text: #ffffff;
    --logout-bg: rgba(239,102,3,0.20);
    --logout-border: rgba(239,102,3,0.65);
    --logout-hover: rgba(239,102,3,0.35);

    --sidebar-bg: #2a2c39;
    --sidebar-border: #1f212b;
    --sidebar-link: #b9bccb;
    --sidebar-hover: rgba(255,255,255,0.08);
    --sidebar-hover-text: #ffffff;
    --sidebar-active-bg: rgba(239,102,3,0.16);
    --sidebar-active-border: #ef6603;
    --sidebar-active-text: #ff8a3d;
    --sidebar-title: #7d8197;

    --card-bg: #ffffff;
    --card-border: #e6e7ec;
    --table-head-bg: #f3f4f7;
    --table-row-hover: #fff4ec;

    --input-bg: #ffffff;
    --input-border: #d3d5de;
    --input-focus-ring: rgba(239,102,3,0.18);
    --input-disabled-bg: #f3f4f7;

    --btn-primary-bg: #ef6603;
    --btn-primary-text: #ffffff;
    --btn-primary-border: #ef6603;
    --btn-primary-hover: #d85a00;
    --btn-secondary-bg: #f3f4f7;
    --btn-secondary-text: #2a2c39;
    --btn-secondary-border: #d3d5de;
    --btn-secondary-hover: #e6e7ec;
    --btn-edit-bg: #404356;
    --btn-delete-bg: #c53030;

    --success: #276749;
    --success-bg: #e6f4ee;
    --success-text: #1c4532;
    --danger: #c53030;
    --danger-bg: #fff5f5;
    --danger-text: #742a2a;
    --info: #2b6cb0;
    --info-bg: #ebf4ff;
    --info-text: #1a365d;

    --login-bg: linear-gradient(135deg, #2a2c39 0%, #404356 100%);
}

/* Headings use the same font as the main site */
h1, h2, h3, h4, .logo h1 { font-family: 'Raleway', var(--font-primary); }