@charset "UTF-8";

:root {

    /* Colors */
    
    --sl-primary: #0d6efd;
    --sl-primary-light: #0d6efd;
    --sl-primary-dark: #0a58ca;
    --sl-primary-darker: #084298;
    --sl-primary-bg: #cfe2ff;
    --sl-primary-bg-dark: #bacbe6;
    --sl-primary-bg-darker: #c5d7f2;

    --sl-secondary: #6c757d;
    --sl-secondary-light: #6c757d;
    --sl-secondary-dark: #565e64;
    --sl-secondary-darker: #41464b;
    --sl-secondary-bg: #e2e3e5;
    --sl-secondary-bg-dark: #cbccce;
    --sl-secondary-bg-darker: #d7d8da;

    --sl-success: #198754;
    --sl-success-light: #198754;
    --sl-success-dark: #146c43;
    --sl-success-darker: #0f5132;
    --sl-success-bg: #d1e7dd;
    --sl-success-bg-dark: #bcd0c7;
    --sl-success-bg-darker: #c7dbd2;

    --sl-info: #0dcaf0;
    --sl-info-light: #0dcaf0;
    --sl-info-dark: #3dd5f3;
    --sl-info-darker: #055160;
    --sl-info-bg: #cff4fc;
    --sl-info-bg-dark: #badce3;
    --sl-info-bg-darker: #c5e8ef;

    --sl-warning: #ffc107;
    --sl-warning-light: #ffc107;
    --sl-warning-dark: #ffc107;
    --sl-warning-darker: #664d03;
    --sl-warning-bg: #fff3cd;
    --sl-warning-bg-dark: #e6dbb9;
    --sl-warning-bg-darker: #f2e7c3;

    --sl-danger: #dc3545;
    --sl-danger-light: #dc3545;
    --sl-danger-dark: #b02a37;
    --sl-danger-darker: #842029;
    --sl-danger-bg: #f8d7da;
    --sl-danger-bg-dark: #dfc2c4;
    --sl-danger-bg-darker: #eccccf;

    --sl-light: #f8f9fa;
    --sl-light-light: #f8f9fa;
    --sl-light-dark: #f9fafb;
    --sl-light-darker: #636464;
    --sl-light-bg: #fefefe;
    --sl-light-bg-dark: #e5e5e5;
    --sl-light-bg-darker: #ecedee;

    --sl-dark: #212529;
    --sl-dark-light: #212529;
    --sl-dark-dark: #1c1f23;
    --sl-dark-darker: #141619;
    --sl-dark-bg: #d3d3d4;
    --sl-dark-bg-dark: #bebebf;
    --sl-dark-bg-darker: #2c3034;


    /* Color */

    --sl-black: #000000;
    --sl-white: #ffffff;


    /* Link */

    --sl-link-color: var(--sl-primary);
    --sl-link-hover-color: var(--sl-primary-dark);

    
    /* Border */

    --sl-border-color: #dee2e6;
    --sl-border-color-dark: #ced4da;
    --sl-border-color-focus: #86b7fe;
    --sl-border-color-translucent: rgba(0, 0, 0, 0.175);
    --sl-border-width: 1px;
    --sl-border-style: solid;
    --sl-border-radius: .375rem;

    
    /* Form */

    --sl-form-bg: #dee2e6;
    --sl-form-bg-dark: #e9ecef;
    --sl-form-bg-darker: #dde0e3;


    /* Font size */

    --sl-font-size: 1rem;
    --sl-font-size-sm: .875rem;
    
    
    /* Font family */

    --sl-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --sl-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

    --sl-font-family: var(--sl-font-sans-serif);
    --sl-font-family-heading: var(--sl-font-sans-serif);


    /* Element color */

    --sl-code-color: #d63384;
    --sl-heading-color: ;
    --sl-highlight-bg: var(--sl-warning-bg);
    --sl-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    

    /* Body */

    --sl-body-bg: #ffffff;
    --sl-body-color: #212529;
    --sl-body-color-muted: #212529;
    --sl-body-font-family: var(--sl-font-sans-serif);
    --sl-body-font-size: var(--sl-font-size);
    --sl-body-font-weight: 400;
    --sl-body-line-height: 1.5;
}