/* :root {
    --yellow: #f9c400;
    --yellow-dark: #e0af00;

    --black: #000000;
    --white: #ffffff;
    --grey: #888888;

    --success: #16a34a;
    --danger: #dc2626;

    --primary: #111111;
    --secondary: #333333;

    --radius-sm: 10px;
    --radius-md: 18px;
    --radius-pill: 30px;

    --transition-fast: all 0.25s ease;
    --transition: all 0.4s ease;
}
 */



:root {
    /* ===== Brand Colors ===== */
    --primary: #6d5dfc;        /* Main Indigo / Violet */
    --primary-dark: #5a4ae3;
    --primary-light: #8b7cff;

    --secondary: #0f2a3f;      /* Deep blue background */
    --secondary-light: #163b57;

    --accent: #9b8cff;         /* Soft violet accent */



    --dufc-blue: #0A1C2A;   /* rgb(10, 28, 42) */

    --dufc-blue-dark: #081824;  /* rgb(8, 24, 36) */
    --dufc-blue-mid:  #091B29;  /* rgb(9, 27, 41) */

    --dufc-gold: #D2B68C;   /* rgb(210, 182, 140) */
    --dufc-gold-light: #D6BC95; /* rgb(214, 188, 149) */
    --dufc-gold-dark:  #CEB58C; /* rgb(206, 181, 140) */



    /* ===== Neutral ===== */
    --black: #0b0f19;
    --white: #ffffff;
    --grey: #7a869a;
    --grey-light: #e5e9f2;

    /* ===== Status ===== */
    --success: #16a34a;
    --danger: #dc2626;

    /* ===== UI ===== */
    --card-bg: #ffffff;
    --input-bg: #f7f8ff;
    --border-color: #d6d9ff;

    --radius-sm: 10px;
    --radius-md: 18px;
    --radius-pill: 30px;

    --transition-fast: all 0.25s ease;
    --transition: all 0.4s ease;
}

html {
    scroll-behavior: smooth;
}



.reveal-on-scroll{
    opacity: 0;
    transform: translateY(50px);
    transition: all ease 1s;
}

.reveal-on-scroll.active{
    opacity: 1;
    transform: translateY(0);
}