/*==================================================
 FTH EDUCATION DESIGN SYSTEM
 Version : V1.1
==================================================*/

:root {
    /*=====================================
      BRAND COLOR
    =====================================*/

    --fth-primary: #8B1E1E;
    --fth-secondary: #A52A2A;
    --fth-accent: #D97706;
    --fth-warning: #F4B400;
    /*=====================================
      BACKGROUND
    =====================================*/

    --fth-bg: #FFF9F4;
    --fth-surface: #FFFFFF;
    --fth-section-light: #FFF6EF;
    /*=====================================
      TEXT
    =====================================*/

    --fth-text: #2D2D2D;
    --fth-text-light: #6C757D;
    --fth-heading: #2A1810;
    /*=====================================
      BORDER
    =====================================*/

    --fth-border: #E7E2DD;
    /*=====================================
      SUCCESS
    =====================================*/

    --fth-success: #198754;
    /*=====================================
      INFO
    =====================================*/

    --fth-info: #0D6EFD;
    /*=====================================
      DANGER
    =====================================*/

    --fth-danger: #DC3545;
    /*=====================================
      SHADOW
    =====================================*/

    --shadow-xs: 0 1px 3px rgba(0,0,0,.05);
    --shadow-sm: 0 4px 10px rgba(0,0,0,.08);
    --shadow-md: 0 8px 24px rgba(0,0,0,.10);
    --shadow-lg: 0 18px 40px rgba(0,0,0,.14);
    /*=====================================
      BORDER RADIUS
    =====================================*/

    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 18px;
    --radius-xl: 26px;
    /*=====================================
      SPACING
    =====================================*/

    --space-xs: .25rem;
    --space-sm: .5rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2rem;
    --space-xxl: 3rem;
    /*=====================================
      TRANSITION
    =====================================*/

    --transition-fast: .2s;
    --transition-normal: .3s;
    --transition-slow: .5s;
    /*=====================================
      FONT
    =====================================*/

    --font-family: "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --font-size-small: .875rem;
    --font-size-normal: 1rem;
    --font-size-large: 1.125rem;
    --font-size-title: 2.75rem;
}