/* ==========================================================================
   DRILLPRO — DESIGN TOKENS
   Single source of truth for colours, typography, spacing, and layout.
   Mirrors GeoPrime website palette (deep navy + white) with status colours.
   ========================================================================== */

:root {
    /* ----- BRAND COLOURS ----- */
    --dp-navy:        #0d1f47;   /* Primary brand blue — deep, authoritative */
    --dp-navy-2:      #1a2d5a;   /* Hover/secondary navy */
    --dp-navy-dk:     #08153a;   /* Pressed/active darker navy */
    --dp-navy-08:     rgba(13,31,71,0.08);
    --dp-navy-15:     rgba(13,31,71,0.15);
    --dp-navy-40:     rgba(13,31,71,0.4);
    --dp-navy-75:     rgba(13,31,71,0.75);

    /* ----- SURFACES ----- */
    --dp-white:       #ffffff;
    --dp-ice:         #f4f6fa;   /* Subtle blue-tinted page background */
    --dp-ice-2:       #eef1f7;   /* Slightly deeper ice for striped tables */
    --dp-surface:     #ffffff;   /* Default card/panel background */

    /* ----- BORDERS ----- */
    --dp-border:      #dde2ee;   /* Default subtle blue-tinted border */
    --dp-border-2:    #c8d0e0;   /* Stronger border for emphasis/hover */
    --dp-border-dk:   #b0bbd0;   /* Pressed/focus state */

    /* ----- TEXT ----- */
    --dp-text:        #0d1f47;   /* Primary text — navy */
    --dp-text-2:      #4a5876;   /* Secondary — muted navy */
    --dp-text-3:      #8590a8;   /* Tertiary — hints, timestamps, labels */
    --dp-text-invert: #ffffff;   /* Text on navy/dark surfaces */

    /* ----- STATUS COLOURS (used sparingly, only for meaning) ----- */
    --dp-success:     #1e7a3e;   /* Compliant, complete, in-date */
    --dp-success-bg:  #e6f3eb;
    --dp-warning:     #c97a0c;   /* Expiring soon, attention needed */
    --dp-warning-bg:  #fdf3e1;
    --dp-danger:      #c3322d;   /* Expired, critical defect, overdue */
    --dp-danger-bg:   #fbe8e7;
    --dp-info:        #1f5ec4;   /* Informational, neutral alerts */
    --dp-info-bg:     #e7eefb;

    /* ----- RAG STATUS DOTS (compliance indicators) ----- */
    --dp-rag-green:   #1e7a3e;
    --dp-rag-amber:   #c97a0c;
    --dp-rag-red:     #c3322d;

    /* ----- TYPOGRAPHY ----- */
    --dp-font-heading: 'Barlow Condensed', system-ui, sans-serif;
    --dp-font-body:    'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --dp-font-mono:    ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

    /* Type scale */
    --dp-fs-xs:   11px;
    --dp-fs-sm:   13px;
    --dp-fs-base: 14px;
    --dp-fs-md:   16px;
    --dp-fs-lg:   18px;
    --dp-fs-xl:   22px;
    --dp-fs-2xl:  28px;
    --dp-fs-3xl:  34px;
    --dp-fs-4xl:  44px;

    /* Line heights */
    --dp-lh-tight: 1.2;
    --dp-lh-snug:  1.4;
    --dp-lh-base:  1.55;
    --dp-lh-loose: 1.7;

    /* Weights */
    --dp-fw-regular:  400;
    --dp-fw-medium:   500;
    --dp-fw-semibold: 600;
    --dp-fw-bold:     700;

    /* ----- SPACING SCALE ----- */
    --dp-s-1: 4px;
    --dp-s-2: 8px;
    --dp-s-3: 12px;
    --dp-s-4: 16px;
    --dp-s-5: 20px;
    --dp-s-6: 24px;
    --dp-s-7: 32px;
    --dp-s-8: 40px;
    --dp-s-9: 56px;
    --dp-s-10: 72px;

    /* ----- LAYOUT ----- */
    --dp-radius-sm: 4px;
    --dp-radius:    6px;
    --dp-radius-md: 8px;
    --dp-radius-lg: 12px;
    --dp-radius-xl: 16px;
    --dp-radius-pill: 999px;

    /* Sidebar / topbar dimensions */
    --dp-sidebar-w:        220px;
    --dp-sidebar-w-tablet: 64px;
    --dp-topbar-h:         56px;

    /* ----- SHADOWS (used minimally — flat design) ----- */
    --dp-shadow-sm: 0 1px 2px rgba(13,31,71,0.04);
    --dp-shadow:    0 2px 6px rgba(13,31,71,0.06);
    --dp-shadow-md: 0 4px 14px rgba(13,31,71,0.08);
    --dp-shadow-lg: 0 8px 28px rgba(13,31,71,0.12);

    /* ----- TRANSITIONS ----- */
    --dp-trans-fast: 0.12s ease;
    --dp-trans:      0.2s ease;
    --dp-trans-slow: 0.3s ease;

    /* ----- Z-INDEX SCALE ----- */
    --dp-z-base:     1;
    --dp-z-dropdown: 100;
    --dp-z-sticky:   200;
    --dp-z-modal:    400;
    --dp-z-toast:    500;
    --dp-z-tooltip:  600;
}