/* SiapNgeweb CRM — Design Tokens (Single Source of Truth)
   Shared by main.css, dashboard.css, and auth pages. */

/* ===== Skip Link (Accessibility — all pages) ===== */
.scrm-skip-link {
    position: absolute;
    top: -100%;
    left: 0;
    z-index: 9999;
    padding: 8px 16px;
    background: var(--heading-color, #000);
    color: #fff;
    text-decoration: none;
    font-size: 14px;
}
.scrm-skip-link:focus {
    top: 0;
}

/* ===== Design Tokens ===== */
:root {
    /* Backgrounds */
    --bg-color: #f4f7fc;
    --bg-alt: #ffffff;
    --bg-subtle: #eef2f9;
    --bg-accent: #1f1f2d;

    /* Surfaces */
    --surface-color: #ffffff;
    --surface-hover: #f4f7fc;
    --surface-elevated: #ffffff;

    /* Primary */
    --primary-color: #426ef0;
    --primary-hover: #3358d4;
    --primary-light: #eef2ff;
    --primary-glow: 0 0 25px rgba(66, 110, 240, 0.4);
    --secondary-color: #fec927;
    --accent-gradient: linear-gradient(135deg, #426ef0, #fec927);

    /* Text */
    --heading-color: #111111;
    --text-color: #444444;
    --text-light: #666666;
    --text-muted: #6b6b6b;

    /* Borders */
    --border-color: #e0e0e0;
    --border-hover: #c0c0c0;

    /* Semantic */
    --success: #28a745;
    --warning: #fec927;
    --danger: #dc3545;
    --info: #426ef0;

    /* Typography */
    --heading-font: 'Poppins', sans-serif;
    --body-font: 'Poppins', sans-serif;

    /* Spacing */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
    --space-2xl: 48px;
    --space-3xl: 64px;
    --space-4xl: 96px;

    /* Radius */
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 14px;
    --radius-xl: 20px;
    --radius-full: 9999px;

    /* Transitions */
    --duration-fast: 150ms;
    --duration-base: 250ms;
    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);

    /* Shadows — solid, no overlays */
    --shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.1);

    /* Status Colors */
    --status-pending: #fffbeb;
    --status-pending-text: #d97706;
    --status-pending-border: #fde68a;
    --status-info: #eff6ff;
    --status-info-text: #2563eb;
    --status-progress: #f5f3ff;
    --status-progress-text: #7c3aed;
    --status-success: #ecfdf5;
    --status-success-text: #059669;
    --status-danger: #fef2f2;
    --status-danger-text: #dc2626;
    --status-danger-border: #fecaca;
    --status-warning: #fff7ed;
    --status-warning-text: #ea580c;
    --status-warning-border: #fed7aa;
}