@use "@vrembem/core";

// Prefixes
// ---

$prefix-block: core.$prefix-block !default;
$prefix-element: core.$prefix-element !default;
$prefix-modifier: core.$prefix-modifier !default;
$prefix-modifier-value: core.$prefix-modifier-value !default;

// Output options
// ---

$output: true !default;
$output-base: $output !default;
$output-arrow: $output !default;
$output-blockquote: $output !default;
$output-code: $output !default;
$output-heading: $output !default;
$output-link: $output !default;
$output-list: $output !default;
$output-pre: $output !default;
$output-scroll-box: $output !default;
$output-separator: $output !default;
$output-symbols: $output !default;
$output-type: $output !default;

// Base component classes
// ---

$class-arrow: "arrow" !default;
$class-blockquote: "blockquote" !default;
$class-code: "code" !default;
$class-link: "link" !default;
$class-list: "list" !default;
$class-pre: "pre" !default;
$class-scroll-box: "scroll-box" !default;
$class-separator: "sep" !default;
$class-symbols: "symbols" !default;
$class-type: "type" !default;

// Base settings
// ---

$root-height: 100% !default;
$color: core.$color !default;
$color-caption: core.$color-subtle !default;
$font-family: core.$font-family !default;
$font-family-mono: core.$font-family-mono !default;
$font-size: core.$font-size !default;
$font-size-sm: core.$font-size-sm !default;
$line-height: core.$line-height !default;
$box-sizing: border-box !default;
$body-background: null !default;

// Arrow
// ---

$arrow-color: currentcolor !default;
$arrow-size: 8px 6px !default;
$arrow-radius: 2px !default;

// Blockquote
// ---

$blockquote-padding: 1.5em !default;
$blockquote-gap: 1em !default;
$blockquote-color: inherit !default;
$blockquote-background: null !default;
$blockquote-border: core.$border-light !default;
$blockquote-border-color-invert: core.$border-color-invert !default;
$blockquote-border-radius: null !default;
$blockquote-accent-width: 4px !default;
$blockquote-accent-offset: -1px !default;
$blockquote-accent-color: core.$primary !default;

// Code
// ---

$code-padding: null !default;
$code-background: null !default;
$code-border: null !default;
$code-border-radius: null !default;
$code-color: core.$pink !default;
$code-color-invert: core.$pink-300 !default;
$code-font-family: core.$font-family-mono !default;
$code-font-size: 0.9em !default;

// Heading
// ---

$heading-font-family: inherit !default;
$heading-line-height: core.$line-height-sm !default;
$heading-color: inherit !default;
$heading-color-invert: null !default;
$heading-font-weight: core.$font-weight-semi-bold !default;
$heading-scale: (
  "h1": 2.25em,
  "h2": 2em,
  "h3": 1.75em,
  "h4": 1.5em,
  "h5": 1.25em inherit,
  "h6": 1em inherit
) !default;

// Link
// ---

$link-text-decoration: none !default;
$link-text-decoration-hover: null !default;
$link-transition: null !default;
$link-outline-focus: currentcolor dotted 1px !default;
$link-outline-focus-offset: 0.125rem !default;

$link-color: core.$primary !default;
$link-color-hover: core.$primary-dark !default;
$link-border: 1px solid core.$border-color !default;
$link-border-hover: 1px solid currentcolor !default;

$link-subtle-color: core.$color-subtle !default;
$link-subtle-color-hover: $link-color-hover !default;
$link-subtle-border-color: core.$border-color !default;
$link-subtle-border-color-hover: currentcolor !default;

$link-invert-color: core.$white !default;
$link-invert-color-hover: core.$white !default;
$link-invert-border-color: rgba(core.$white, 0.5) !default;
$link-invert-border-color-hover: currentcolor !default;

$link-invert-subtle-color: core.$color-invert-subtle !default;
$link-invert-subtle-color-hover: core.$color-invert !default;
$link-invert-subtle-border-color: rgba(core.$white, 0.5) !default;
$link-invert-subtle-border-color-hover: currentcolor !default;

// List
// ---

$list-indent: 1.5em !default;
$list-item-gap: 0.5em !default;

// Pre
// ---

$pre-padding: 1em !default;
$pre-background: core.$shade !default;
$pre-border: null !default;
$pre-border-radius: core.$border-radius !default;
$pre-color: core.$color !default;

// Separator
// ---

$separator-border: 1px solid core.$border-color !default;
$separator-border-invert: 1px solid core.$border-color-invert !default;

// Type
// ---

$type-color: null !default;
$type-color-invert: core.$color-invert !default;
$type-font-family: null !default;
$type-font-size: null !default;
$type-line-height: null !default;
$type-gap: null !default;