/* 
   DCRT Design System
   Variables
*/

:root {
    /* Color Palette - Elite Legal Tech (Charcoal & Slate Blue) */
    --bg-main: #020617;
    /* Extremely dark slate (near black) */
    --bg-secondary: #0F172A;
    /* Deep slate gray */
    --bg-tertiary: #1E293B;
    /* Elevated slate panel */

    --text-primary: #dbdbdb;
    /* Soft platinum slate */
    --text-secondary: #94A3B8;
    /* Muted slate text */
    --text-muted: #64748B;
    /* Darker slate text */

    /* Trustworthy Electric Blue Accents */
    --accent-primary: #38BDF8;
    /* Sharp sky blue */
    --accent-hover: #7DD3FC;
    /* Brighter hover */
    --accent-gradient: linear-gradient(135deg, #38BDF8 0%, #0284C7 100%);
    --accent-gradient-hover: linear-gradient(135deg, #7DD3FC 0%, #0EA5E9 100%);

    --success: #10B981;
    --border-color: rgba(255, 255, 255, 0.08);

    /* Typography */
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

    /* Layout */
    --container-width: 1200px;
    --container-padding: 3rem;

    /* Shadows & Effects */
    --shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.5), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 10px 15px -3px rgba(0, 0, 0, 0.6), 0 4px 6px -2px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.8), 0 10px 10px -5px rgba(0, 0, 0, 0.5);
    --shadow-glow: 0 0 30px rgba(59, 130, 246, 0.2);
    /* Subtler glowing blue */

    --radius-sm: 8px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --radius-full: 9999px;

    --transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}