enfrancais-app/src/assets/scss/abstracts/_variables.scss

$gray-900: #1b1b1b;
$black: #000;

// Texte de départ (id: 9) WHITE
$white: #fff;
// Texte critique (id: 22) ORANGE
$orange: #ffba7d;
// Constellation en écho (id: 63) PURPLE
$purple: #db7dff;
// Réflexion théorique (id: 6) YELLOW
$yellow: #ffe87d;
// Lecture rapprochée (id: 7) BLUE
$blue: #9191ff;
// Expérience sensible (id: 8) BROWN
$brown: #cdae87;
// Kit de désapprentissage (id: 23) RED
$red: #ff775f;
// Créations numériques (id: ???) GREEN
$green: #98ff98;


$colors: (
  'black': $black,
  'white': $white,
  'orange': $orange,
  'purple': $purple,
  'yellow': $yellow,
  'blue': $blue,
  'brown': $brown,
  'red': $red,
  'green': $green,
);

$dark: $gray-900;
$light: $white;

$theme-colors: (
  'depart': $white,
  'critique': $orange,
  'echo': $purple,
  'reflexion': $yellow,
  'lecture': $blue,
  'sensible': $brown,
  'kit': $red,
  'creation': $green
);


$yiq-contrasted-threshold: 120;


// Body
$body-color: $black;


// Links
$link-color: $black;
$link-decoration: underline;


// Borders
$border-width: 2px;
$border-color: $black;
$border-radius: 0;
$border-radius-lg: 0;
$border-radius-sm: 0;


// Font
$font-family-sans-serif: 'Noto Sans';
$font-family-text: 'Redaction'; // custom

$font-size-base: 1rem;
$font-size-sm: $font-size-base * .78125;

$line-height-base: 1.55;
$line-height-lg: $line-height-base;
$line-height-sm: $line-height-base;

// Headings
$headings-font-weight: 700;
$headings-line-height: $line-height-base;
// Buttons
$input-btn-padding-y: 0;
$input-btn-padding-x: .5rem;
$input-btn-font-family: null;
$input-btn-line-height: 1.25;

$input-btn-focus-width: 0;

$input-btn-padding-y-sm: 0;
$input-btn-padding-x-sm: .5rem;
$input-btn-font-size-sm: $font-size-sm;
$input-btn-line-height-sm: 1;

$input-btn-border-width: 2px;


// Dropdowns
$dropdown-border-color: $border-color;

// Cards
$card-spacer-y: .75rem;
$card-spacer-x: .75rem;
$card-border-width: 0;
// $card-border-color: $black;



$text-card-header-height: 4rem; // custom





@import '~bootstrap/scss/variables';
@import '~bootstrap-vue/src/variables';