@use '@angular/material' as mat;
$frv-primary: (
    50 : #e3e2e7,
    100 : #b8b7c3,
    200 : #89879c,
    300 : #595674,
    400 : #363256,
    500 : #120e38,
    600 : #100c32,
    700 : #0d0a2b,
    800 : #0a0824,
    900 : #050417,
    A100 : #6757ff,
    A200 : #3924ff,
    A400 : #1800f0,
    A700 : #1500d6,
    contrast: (
        50 : #000000,
        100 : #000000,
        200 : #000000,
        300 : #ffffff,
        400 : #ffffff,
        500 : #ffffff,
        600 : #ffffff,
        700 : #ffffff,
        800 : #ffffff,
        900 : #ffffff,
        A100 : #ffffff,
        A200 : #ffffff,
        A400 : #ffffff,
        A700 : #ffffff,
    )
);

$frv-accent: (
    50 : #fee1eb,
    100 : #fdb3cc,
    200 : #fc81aa,
    300 : #fb4f88,
    400 : #fa296f,
    500 : #f90355,
    600 : #f8034e,
    700 : #f70244,
    800 : #f6023b,
    900 : #f5012a,
    A100 : #ffffff,
    A200 : #ffe8eb,
    A400 : #ffb5be,
    A700 : #ff9ca7,
    contrast: (
        50 : #000000,
        100 : #000000,
        200 : #000000,
        300 : #000000,
        400 : #ffffff,
        500 : #ffffff,
        600 : #ffffff,
        700 : #ffffff,
        800 : #ffffff,
        900 : #ffffff,
        A100 : #000000,
        A200 : #000000,
        A400 : #000000,
        A700 : #000000,
    )
);

$frv-warn: (
    50 : #fce1e7,
    100 : #f8b5c2,
    200 : #f4849a,
    300 : #f05371,
    400 : #ec2e52,
    500 : #e90934,
    600 : #e6082f,
    700 : #e30627,
    800 : #df0521,
    900 : #d90215,
    A100 : #ffffff,
    A200 : #ffced0,
    A400 : #ff9b9f,
    A700 : #ff8187,
    contrast: (
        50 : #000000,
        100 : #000000,
        200 : #000000,
        300 : #000000,
        400 : #ffffff,
        500 : #ffffff,
        600 : #ffffff,
        700 : #ffffff,
        800 : #ffffff,
        900 : #ffffff,
        A100 : #000000,
        A200 : #000000,
        A400 : #000000,
        A700 : #000000,
    )
);

//derivated colors from theme-primary
$frv-container: #120e38;
$frv-container-light: #e3e2e7;
$frv-container-text: #120e38;

$frv-success: #73BA64;
$frv-glow: #f90355;
$frv-light: #cecece;
$frv-dark: #0F1829;

// define 3 theme color
// mat-palette accepts $palette-name, main, lighter and darker variants
$frv-theme-primary: mat.m2-define-palette($frv-primary);
$frv-theme-accent: mat.m2-define-palette($frv-accent);
$frv-theme-warn: mat.m2-define-palette($frv-warn);