@use 'sass:color';
@use 'sass:map';

$colors: (
  'primary': #0078e7,
) !default;

$colors: map.merge(
  (
    'primary-light': color.adjust(map.get($colors, 'primary'), $lightness: 20%),
    'primary-lighter': color.adjust(map.get($colors, 'primary'), $lightness: 35%),
  ),
  $colors
);

@forward '../base/_var' with (
  $theme-name: 'yun',
  // basic
  $bg-color: transparent,
  // color
  $colors: $colors,
  // heading
  $heading:
    (
      'font-weight': 300,
      'h1': (
        'font-size': 2.5rem,
      ),
      'h2': (
        'font-size': 2.2rem,
      ),
      'h3': (
        'font-size': 1.9rem,
      ),
      'h4': (
        'font-size': 1.6rem,
      ),
      'h5': (
        'font-size': 1.3rem,
      ),
      'h6': (
        'font-size': 1rem,
      ),
    ),
  // font
  $line-height: 1.8,
  // hr
  $hr:
    (
      'height': 2px,
    ),
  // table
  $table:
    (
      'td-border-color': map.get($colors, 'primary-light'),
      'tr-border-color': map.get($colors, 'primary-light'),
      'tr-2n-background-color': rgba(map.get($colors, 'primary-light'), 0.08),
    )
);

@use '../base/markdown';