@use '@angular/material' as mat;
@import '@alfresco/adf-core/theming';
@import '~@angular/material/theming';
@import './hy-typography.scss';

$hy-black: #000000;
$hy-white: #ffffff;

$hy-coolGray-50: #f9fafb;
$hy-coolGray-100: #f3f4f6;
$hy-coolGray-200: #e5e7eb;
$hy-coolGray-300: #d1d5d8;
$hy-coolGray-400: #9ca3af;
$hy-coolGray-500: #6b7280;
$hy-coolGray-600: #4b5563;
$hy-coolGray-700: #374151;
$hy-coolGray-800: #1f2937;
$hy-coolGray-900: #111827;
$hy-coolGray-A100: #111827;
$hy-coolGray-A200: #111827;
$hy-coolGray-A400: #111827;
$hy-coolGray-A700: #111827;

$hy-blue-50: #f1f8fe;
$hy-blue-100: #e2eefa;
$hy-blue-200: #b7d5f3;
$hy-blue-300: #87b9ec;
$hy-blue-400: #569de4;
$hy-blue-500: #3288de;
$hy-blue-600: #0e73d8;
$hy-blue-700: #0a60ce;
$hy-blue-800: #043cac;
$hy-blue-900: #03318b;
$hy-blue-A100: #03318b;
$hy-blue-A200: #03318b;
$hy-blue-A400: #03318b;
$hy-blue-A700: #03318b;

$hy-red-50: #fff4f3;
$hy-red-100: #fedbd7;
$hy-red-200: #fdc5bf;
$hy-red-300: #fc9a8f;
$hy-red-400: #fb6c5d;
$hy-red-500: #f92d18;
$hy-red-600: #da1500;
$hy-red-700: #b71605;
$hy-red-800: #941204;
$hy-red-900: #720e03;
$hy-red-A100: #720e03;
$hy-red-A200: #720e03;
$hy-red-A400: #720e03;
$hy-red-A700: #720e03;

$hy-primary: (
    50: $hy-blue-50,
    100: $hy-blue-100,
    200: $hy-blue-200,
    300: $hy-blue-300,
    400: $hy-blue-400,
    500: $hy-blue-500,
    600: $hy-blue-600,
    700: $hy-blue-700,
    800: $hy-blue-800,
    900: $hy-blue-900,
    A100: $hy-blue-A100,
    A200: $hy-blue-A200,
    A400: $hy-blue-A400,
    A700: $hy-blue-A700,
    contrast: (
        50: $hy-coolGray-900,
        100: $hy-coolGray-900,
        200: $hy-coolGray-900,
        300: $hy-coolGray-900,
        400: $hy-coolGray-900,
        500: $hy-coolGray-900,
        600: $hy-white,
        700: $hy-white,
        800: $hy-white,
        900: $hy-white,
        A100: $hy-white,
        A200: $hy-white,
        A400: $hy-white,
        A700: $hy-white
    )
);

$hy-neutral: (
    50: $hy-coolGray-50,
    100: $hy-coolGray-100,
    200: $hy-coolGray-200,
    300: $hy-coolGray-300,
    400: $hy-coolGray-400,
    500: $hy-coolGray-500,
    600: $hy-coolGray-600,
    700: $hy-coolGray-700,
    800: $hy-coolGray-800,
    900: $hy-coolGray-900,
    A100: $hy-coolGray-A100,
    A200: $hy-coolGray-A200,
    A400: $hy-coolGray-A400,
    A700: $hy-coolGray-A700,
    contrast: (
        50: $hy-coolGray-900,
        100: $hy-coolGray-900,
        200: $hy-coolGray-900,
        300: $hy-coolGray-900,
        400: $hy-coolGray-900,
        500: $hy-coolGray-900,
        600: $hy-white,
        700: $hy-white,
        800: $hy-white,
        900: $hy-white,
        A100: $hy-white,
        A200: $hy-white,
        A400: $hy-white,
        A700: $hy-white
    )
);

$hy-warn: (
    50: $hy-red-50,
    100: $hy-red-100,
    200: $hy-red-200,
    300: $hy-red-300,
    400: $hy-red-400,
    500: $hy-red-500,
    600: $hy-red-600,
    700: $hy-red-700,
    800: $hy-red-800,
    900: $hy-red-900,
    A100: $hy-red-A100,
    A200: $hy-red-A200,
    A400: $hy-red-A400,
    A700: $hy-red-A700,
    contrast: (
        50: $hy-coolGray-900,
        100: $hy-coolGray-900,
        200: $hy-coolGray-900,
        300: $hy-coolGray-900,
        400: $hy-coolGray-900,
        500: $hy-coolGray-900,
        600: $hy-white,
        700: $hy-white,
        800: $hy-white,
        900: $hy-white,
        A100: $hy-white,
        A200: $hy-white,
        A400: $hy-white,
        A700: $hy-white
    )
);

$hy-blueGray: (
    50: #f8fafc,
    100: #f1f5f9,
    200: #e2e8f0,
    300: #cbd5e1,
    400: #94a3b8,
    500: #64748b,
    600: #475569,
    700: #334155,
    800: #1e293b,
    900: #0f172a
);

$hy-gray: (
    50: #fafafa,
    100: #f4f4f5,
    200: #e4e4e7,
    300: #d4d4d8,
    400: #a1a1aa,
    500: #71717a,
    600: #52525b,
    700: #3f3f46,
    800: #27272a,
    900: #18181b
);

$hy-trueGray: (
    50: #fafafa,
    100: #f5f5f5,
    200: #e5e5e5,
    300: #d4d4d4,
    400: #a3a3a3,
    500: #737373,
    600: #525252,
    700: #404040,
    800: #262626,
    900: #171717
);

$hy-warmGray: (
    50: #fafaf9,
    100: #f5f5f4,
    200: #e7e5e4,
    300: #d6d3d1,
    400: #a8a29e,
    500: #78716c,
    600: #57534e,
    700: #44403c,
    800: #292524,
    900: #1c1917
);

$hy-orange: (
    50: #fff7ed,
    100: #ffedd5,
    200: #fed7aa,
    300: #fdba74,
    400: #fb923c,
    500: #f97316,
    600: #ea580c,
    700: #c2410c,
    800: #9a3412,
    900: #7c2d12
);

$hy-amber: (
    50: #fffbeb,
    100: #fef3c7,
    200: #fde68a,
    300: #fcd34d,
    400: #fbbf24,
    500: #f59e0b,
    600: #d97706,
    700: #b45309,
    800: #92400e,
    900: #78350f
);

$hy-yellow: (
    50: #fefce8,
    100: #fef9c3,
    200: #fef08a,
    300: #fde047,
    400: #facc15,
    500: #eab308,
    600: #bf8808,
    700: #a16207,
    800: #854d0e,
    900: #713f12
);

$hy-lime: (
    50: #f7fee7,
    100: #ecfccb,
    200: #d9f99d,
    300: #bef264,
    400: #a3e635,
    500: #84cc16,
    600: #65a30d,
    700: #4d7c0f,
    800: #3f6212,
    900: #365314
);

$hy-lime: (
    50: #f7fee7,
    100: #ecfccb,
    200: #d9f99d,
    300: #bef264,
    400: #a3e635,
    500: #84cc16,
    600: #65a30d,
    700: #4d7c0f,
    800: #3f6212,
    900: #365314
);

$hy-green: (
    50: #e3f9e3,
    100: #cef4ce,
    200: #b9efb9,
    300: #9be79a,
    400: #68db67,
    500: #04c302,
    600: #04a003,
    700: #078307,
    800: #026002,
    900: #204c20
);

$hy-emerald: (
    50: #ecfdf5,
    100: #d1fae5,
    200: #a7f3d0,
    300: #6ee7b7,
    400: #34d399,
    500: #10b981,
    600: #059669,
    700: #047857,
    800: #065f46,
    900: #064e3b
);

$hy-teal: (
    50: #f0fdfa,
    100: #ccfbf1,
    200: #99f6e4,
    300: #5eead4,
    400: #2dd4bf,
    500: #14b8a6,
    600: #0d9488,
    700: #0f766e,
    800: #115e59,
    900: #134e4a
);

$hy-cyan: (
    50: #ecfeff,
    100: #cffafe,
    200: #a5f3fc,
    300: #67e8f9,
    400: #22d3ee,
    500: #06b6d4,
    600: #0891b2,
    700: #0e7490,
    800: #155e75,
    900: #164e63
);

$hy-lightBlue: (
    50: #f0f9ff,
    100: #e0f2fe,
    200: #bae6fd,
    300: #7dd3fc,
    400: #38bdf8,
    500: #0ea5e9,
    600: #0284c7,
    700: #0369a1,
    800: #075985,
    900: #0c4a6e
);

$hy-indigo: (
    50: #eef2ff,
    100: #e0e7ff,
    200: #c7d2fe,
    300: #a5b4fc,
    400: #818cf8,
    500: #6366f1,
    600: #4f46e5,
    700: #4338ca,
    800: #3730a3,
    900: #312e81
);

$hy-violet: (
    50: #f5f3ff,
    100: #ede9fe,
    200: #ddd6fe,
    300: #c4b5fd,
    400: #a78bfa,
    500: #8b5cf6,
    600: #7c3aed,
    700: #6d28d9,
    800: #5b21b6,
    900: #4c1d95
);

$hy-purple: (
    50: #faf5ff,
    100: #f3e8ff,
    200: #e9d5ff,
    300: #d8b4fe,
    400: #c084fc,
    500: #a855f7,
    600: #9333ea,
    700: #7e22ce,
    800: #6b21a8,
    900: #581c87
);

$hy-fuchsia: (
    50: #fdf4ff,
    100: #fae8ff,
    200: #f5d0fe,
    300: #f0abfc,
    400: #e879f9,
    500: #d946ef,
    600: #c026d3,
    700: #a21caf,
    800: #86198f,
    900: #701a75
);

$hy-pink: (
    50: #fdf2f8,
    100: #fce7f3,
    200: #fbcfe8,
    300: #f9a8d4,
    400: #f472b6,
    500: #ec4899,
    600: #db2777,
    700: #be185d,
    800: #9d174d,
    900: #831843
);

$hy-rose: (
    50: #fff1f2,
    100: #ffe4e6,
    200: #fecdd3,
    300: #fda4af,
    400: #fb7185,
    500: #f43f5e,
    600: #e11d48,
    700: #be123c,
    800: #9f1239,
    900: #881337
);

$primary: mat.define-palette($hy-primary);
$accent: mat.define-palette($hy-neutral);
$warn: mat.define-palette($hy-warn);
$theme: mat-light-theme($primary, $accent, $warn);
$theme: mat.define-light-theme(
    (
        color: (
            primary: $primary,
            accent: $accent,
            warn: $warn,
        ),
        typography: $hy-typography
    )
);

$dark-primary: mat.define-palette($hy-primary);
$dark-accent: mat.define-palette($hy-neutral);
$dark-warn: mat.define-palette($hy-warn);
$dark-theme: mat.define-dark-theme(
    (
        color: (
            primary: $dark-primary,
            accent: $dark-accent,
            warn: $dark-warn,
        ),
        typography: $hy-typography
    )
);
