// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at http://mozilla.org/MPL/2.0/.
//
// Copyright (c) KALEIDOS INC

@use "sass:color";

:root {
  // DARK
  // Dark background
  --db-primary: #18181a;
  --db-primary-60: #{color.change(#18181a, $alpha: 0.6)};
  --db-primary-90: #{color.change(#18181a, $alpha: 0.9)};
  --db-secondary: #000000;
  --db-secondary-30: #{color.change(#000000, $alpha: 0.3)};
  --db-secondary-80: #{color.change(#000000, $alpha: 0.8)};
  --db-tertiary: #212426;
  --db-quaternary: #2e3434;

  //Dark foreground
  --df-primary: #ffffff;
  --df-secondary: #8f9da3;
  --df-secondary-40: #{color.change(#8f9da3, $alpha: 0.4)}; // TODO: Check if needed

  //Dark accent
  --da-primary: #7efff5;
  --da-primary-muted: #426158;
  --da-secondary: #bb97d8;
  --da-tertiary: #00d1b8;
  --da-tertiary-10: #{color.change(#00d1b8, $alpha: 0.1)};
  --da-tertiary-70: #{color.change(#00d1b8, $alpha: 0.7)};
  --da-quaternary: #ff6fe0;

  // LIGHT
  // Light background
  --lb-primary: #ffffff;
  --lb-primary-60: #{color.change(#ffffff, $alpha: 0.6)};
  --lb-primary-90: #{color.change(#ffffff, $alpha: 0.9)};
  --lb-secondary: #e8eaee;
  --lb-secondary-30: #{color.change(#e8eaee, $alpha: 0.3)};
  --lb-secondary-80: #{color.change(#e8eaee, $alpha: 0.8)};
  --lb-tertiary: #f3f4f6;
  --lb-quaternary: #eef0f2;

  //Light foreground
  --lf-primary: #000;
  --lf-secondary: #495e74;
  --lf-secondary-40: #{color.change(#495e74, $alpha: 0.4)};
  --lf-secondary-50: #{color.change(#495e74, $alpha: 0.5)};

  //Light accent
  --la-primary: #6911d4;
  --la-primary-muted: #e1d2f5;
  --la-secondary: #1345aa;
  --la-tertiary: #8c33eb;
  --la-tertiary-10: #{color.change(#8c33eb, $alpha: 0.1)};
  --la-tertiary-70: #{color.change(#8c33eb, $alpha: 0.7)};
  --la-quaternary: #ff6fe0;

  // STATUS COLOR
  --status-color-success-200: #a7e8d9;
  --status-color-success-500: #2d9f8f;
  --status-color-success-950: #0a2927;

  --status-color-warning-200: #ffc8a8;
  --status-color-warning-500: #fe4811;
  --status-color-warning-950: #440806;

  --status-color-error-200: #ffcada;
  --status-color-error-500: #ff3277;
  --status-color-error-950: #500124;

  --status-color-info-200: #bae3fd;
  --status-color-info-500: #0e9be9;
  --status-color-info-950: #082c49;
  // Status color default will change with theme and will be defined on theme files

  //GENERIC
  --color-canvas: #e8e9ea;

  // APP COLORS
  --app-white: #ffffff;
  --app-black: #000;

  // SOCIAL LOGIN BUTTONS
  --google-login-background: #4285f4;
  --google-login-background-hover: #{color.adjust(#4285f4, $lightness: -15%)};
  --google-login-foreground: var(--df-primary);

  --github-login-background: #4c4c4c;
  --github-login-background-hover: #{color.adjust(#4c4c4c, $lightness: -15%)};
  --github-login-foreground: var(--app-white);

  --oidc-login-background: #b3b3b3;
  --oidc-login-background-hover: #{color.adjust(#b3b3b3, $lightness: -15%)};
  --oidc-login-foreground: var(--app-white);

  --gitlab-login-background: #fc6d26;
  --gitlab-login-background-hover: #{color.adjust(#fc6d26, $lightness: -15%)};
  --gitlab-login-foreground: var(--app-white);
}
