@use 'sass:color';
@use 'sass:map';
@use './var' as *;

$c-primary: map.get($colors, 'primary');

// palette
$light: () !default;
$light: map.merge(
  (
    'theme-name': $theme-name,
    'line-height': $line-height,
    // 'c-primary-rgb': #{red($c-primary),
    'c-primary-rgb': #{color.channel($c-primary, 'red', $space: rgb),
    color.channel(
      $c-primary,
      'green',
      $space: rgb,
    ),
    color.channel($c-primary, 'blue', $space: rgb)},
    'c-text': #24292e,
    'c-text-light': #555,
    'c-text-lighter': #666,

    'header-bottom-color': #eaecef,
    'border-color': var(--smc-c-primary-light),
    'code-bg-color': #f6f8fa,
    'link-color': color.adjust(map.get($colors, 'primary'), $lightness: -10%),
  ),
  $light
);

$dark: () !default;
$dark: map.merge(
  (
    'c-text': #f2f2f2,
    'c-text-light': #ddd,
    'c-text-lighter': #eee,

    'code-bg-color': #242424,
    'link-color': color.adjust(map.get($colors, 'primary'), $lightness: 10%),
    'header-bottom-color': #333,
  ),
  $dark
);