/* ==========================================================
   FAUNA DESIGN SYSTEM
   TOKENS — V1
   ========================================================== */

:root {

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

    --fds-blue-50: #f4f6ff;
    --fds-blue-100: #e9edff;
    --fds-blue-200: #d7ddff;
    --fds-blue-300: #b8c3ff;
    --fds-blue-400: #8396ff;
    --fds-blue-500: #566dff;
    --fds-blue-600: #475bdf;
    --fds-blue-700: #3949b8;

    --fds-primary: var(--fds-blue-500);
    --fds-primary-strong: var(--fds-blue-600);
    --fds-primary-soft: var(--fds-blue-100);


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

    --fds-ink: #0b1020;
    --fds-ink-soft: #182033;

    --fds-text: #344054;
    --fds-text-soft: #667085;
    --fds-muted: #98a2b3;

    --fds-line: #e4e7ec;
    --fds-line-strong: #d0d5dd;

    --fds-page: #f6f8fc;
    --fds-page-alt: #f9fafc;

    --fds-surface: #ffffff;
    --fds-surface-soft: #f8f9fc;


    /* SEMANTIC --------------------------------------------- */

    --fds-success: #15886f;
    --fds-success-soft: #e7f8f2;

    --fds-warning: #a56217;
    --fds-warning-soft: #fff5e7;

    --fds-danger: #c13d4b;
    --fds-danger-soft: #fff0f2;

    --fds-info: #4760d9;
    --fds-info-soft: #eef1ff;


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

    --fds-font:
        Inter,
        "Public Sans",
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Helvetica,
        Arial,
        sans-serif;

    --fds-text-xs: 11px;
    --fds-text-sm: 13px;
    --fds-text-md: 15px;
    --fds-text-lg: 17px;

    --fds-title-sm: 22px;
    --fds-title-md: 30px;
    --fds-title-lg: 44px;


    /* RADII ------------------------------------------------ */

    --fds-radius-xs: 7px;
    --fds-radius-sm: 10px;
    --fds-radius-md: 14px;
    --fds-radius-lg: 20px;
    --fds-radius-xl: 26px;
    --fds-radius-pill: 999px;


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

    --fds-shadow-xs:
        0 1px 2px
        rgba(16, 24, 40, .035);

    --fds-shadow-sm:
        0 8px 24px
        rgba(16, 24, 40, .055);

    --fds-shadow-md:
        0 18px 50px
        rgba(16, 24, 40, .085);

    --fds-shadow-float:
        0 28px 80px
        rgba(16, 24, 40, .16);


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

    --fds-space-1: 4px;
    --fds-space-2: 8px;
    --fds-space-3: 12px;
    --fds-space-4: 16px;
    --fds-space-5: 20px;
    --fds-space-6: 24px;
    --fds-space-7: 32px;
    --fds-space-8: 40px;
    --fds-space-9: 48px;
    --fds-space-10: 64px;


    /* MOTION ----------------------------------------------- */

    --fds-ease:
        cubic-bezier(.22, .61, .36, 1);

    --fds-fast: 140ms;
    --fds-normal: 190ms;

}