/* ==========================================================
   ROCK YOUR TIME®
   THEME
   Version 2.0
========================================================== */

:root{

    /*-------------------------------------------------------
      BRAND COLORS
    -------------------------------------------------------*/

    --ryt-primary: #0B4F6C;
    --ryt-secondary: #2EC4B6;

    --ryt-success: #22C55E;
    --ryt-warning: #F4B942;
    --ryt-danger: #DC3545;

    /*-------------------------------------------------------
      NEUTRALS
    -------------------------------------------------------*/

    --ryt-white: #FFFFFF;

    --ryt-background: #F4F7FB;

    --ryt-card: #FFFFFF;

    --ryt-border: #E5E7EB;

    --ryt-text: #1F2937;

    --ryt-text-light: #6B7280;

    /*-------------------------------------------------------
      AUTH EXPERIENCE
    -------------------------------------------------------*/

    --ryt-auth-top: #153A4A;

    --ryt-auth-middle: #0B2230;

    --ryt-auth-bottom: #07151F;

    /*-------------------------------------------------------
      GRADIENTS
    -------------------------------------------------------*/

    --ryt-gradient-primary:
        linear-gradient(
            135deg,
            var(--ryt-primary),
            var(--ryt-secondary)
        );

    --ryt-gradient-success:
        linear-gradient(
            90deg,
            var(--ryt-secondary),
            var(--ryt-primary)
        );

    /*-------------------------------------------------------
      TYPOGRAPHY
    -------------------------------------------------------*/

    --ryt-font-heading:
        "Poppins",
        sans-serif;

    --ryt-font-body:
        "Inter",
        sans-serif;

    /*-------------------------------------------------------
      FONT SIZES
    -------------------------------------------------------*/

    --ryt-font-xs: .75rem;

    --ryt-font-sm: .875rem;

    --ryt-font-md: 1rem;

    --ryt-font-lg: 1.15rem;

    --ryt-font-xl: 1.35rem;

    --ryt-font-2xl: 2rem;

    --ryt-font-3xl: 2.5rem;

    /*-------------------------------------------------------
      SPACING
    -------------------------------------------------------*/

    --ryt-space-xs: 4px;

    --ryt-space-sm: 8px;

    --ryt-space-md: 16px;

    --ryt-space-lg: 24px;

    --ryt-space-xl: 32px;

    --ryt-space-2xl: 48px;

    --ryt-space-3xl: 64px;

    /*-------------------------------------------------------
      BORDER RADIUS
    -------------------------------------------------------*/

    --ryt-radius-sm: 8px;

    --ryt-radius-md: 14px;

    --ryt-radius-lg: 20px;

    --ryt-radius-xl: 28px;

    --ryt-radius-round: 999px;

    /*-------------------------------------------------------
      SHADOWS
    -------------------------------------------------------*/

    --ryt-shadow-sm:
        0 4px 10px rgba(0,0,0,.05);

    --ryt-shadow-md:
        0 10px 24px rgba(0,0,0,.08);

    --ryt-shadow-lg:
        0 15px 40px rgba(0,0,0,.12);

    --ryt-shadow-xl:
        0 30px 80px rgba(0,0,0,.18);

    /*-------------------------------------------------------
      ANIMATION
    -------------------------------------------------------*/

    --ryt-speed-fast: .20s;

    --ryt-speed-normal: .30s;

    --ryt-speed-slow: .45s;

}