$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;


$grid-breakpoints: (
  xs: 0,
  sm: 576px,
  md: 1024px,
  lg: 1200px,
  xl: 1440px,
);

$layout-bp: md;

// Body
$body-bg: #fffcfb;
$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 * .9;

$line-height-base: 1.5;
$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;


// SPINNER
$spinner-width: 50px;


// ╭─╴╷ ╷╭─╴╶┬╴╭─╮╭╮╮
// │  │ │╰─╮ │ │ ││││
// ╰─╴╰─╯╶─╯ ╵ ╰─╯╵╵╵

// HEADER
$header-spacer-sm: 18px;
$header-spacer: 35px;
$header-height: 86px;

// NODEVIEW
$node-view-spacer-sm-x: 18px;
$node-view-spacer-sm-y: 18px;
$node-view-spacer-x: 30px;
$node-view-spacer-y: 25px;

$node-card-spacer-sm-x: 8px;
$node-card-spacer-sm-y: 8px;
$node-card-spacer-x: 15px;
$node-card-spacer-y: 10px;
$node-card-width: 560px;
$node-card-height: 330px;

// MISC
$btn-size: 26px;
$line: $border-width solid $black;

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