@charset "UTF-8";
/* -------------------- -------------------- --------------------
 * Swarnolata UI Framework swarnolata-color.css
 * Version: 1.0.0-alpha1 (Oct 2026)
 * Swarnolata v1.0.0-alpha1 (https://swarnolata.com/swarnolata-f/style/v1/swarnolata-color.css)
 * Copyright 2019-2026 Swarnolata Foundation
 * Author:  Subrato Paul at Swarnolata Foundation
 * Website: https://swarnolata.com/swarnolata-f/
 * Color Scheme: VIBGYOR
 * Licensed under MIT (https://github.com/?/?/?/master/LICENSE)
 * -------------------- -------------------- -------------------- */
/* -------- swarnolata-color.css replaces swarnolata.css -------- */
/* --------------------       | import       -------------------- */
/* bootstrap framework 
https://swarnolata.com/swarnolata-f/style/bootstrap-v5.3.8.css
*/
@import url('https://swarnolata.com/swarnolata-f/style/bootstrap-v5.3.8.css'); 
/* --------------------       import |       -------------------- */
/* --------------------       | import       -------------------- */
/* font google */ 
@import url('https://fonts.googleapis.com/css?family=Shadows+Into+Light|Abel&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fleur+De+Leah&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
/* --------------------       import |       -------------------- */
/* -------------------- -------------------- --------------------
   Table of Content
   | reset
   | :root


 * -------------------- -------------------- -------------------- */
/* -------------------- -------------------- -------------------- */




/* -------------------- -------------------- -------------------- */
/* Bootstrap  v5.3.8 */
/* edit
:root,
[data-bs-theme=light] {
  --s-blue: #0d6efd;
  --s-indigo: #6610f2;
  --s-purple: #6f42c1;
  --s-pink: #d63384;
  --s-red: #dc3545;
  --s-orange: #fd7e14;
  --s-yellow: #ffc107;
  --s-green: #198754;
  --s-teal: #20c997;
  --s-cyan: #0dcaf0;
  --s-black: #000;
  --s-white: #fff;
  --s-gray: #6c757d;
  --s-gray-dark: #343a40;
  --s-gray-100: #f8f9fa;
  --s-gray-200: #e9ecef;
  --s-gray-300: #dee2e6;
  --s-gray-400: #ced4da;
  --s-gray-500: #adb5bd;
  --s-gray-600: #6c757d;
  --s-gray-700: #495057;
  --s-gray-800: #343a40;
  --s-gray-900: #212529;
  --s-primary: #0d6efd;
  --s-secondary: #6c757d;
  --s-success: #198754;
  --s-info: #0dcaf0;
  --s-warning: #ffc107;
  --s-danger: #dc3545;
  --s-light: #f8f9fa;
  --s-dark: #212529;
  --s-primary-rgb: 13, 110, 253;
  --s-secondary-rgb: 108, 117, 125;
  --s-success-rgb: 25, 135, 84;
  --s-info-rgb: 13, 202, 240;
  --s-warning-rgb: 255, 193, 7;
  --s-danger-rgb: 220, 53, 69;
  --s-light-rgb: 248, 249, 250;
  --s-dark-rgb: 33, 37, 41;
  --s-primary-text-emphasis: #052c65;
  --s-secondary-text-emphasis: #2b2f32;
  --s-success-text-emphasis: #0a3622;
  --s-info-text-emphasis: #055160;
  --s-warning-text-emphasis: #664d03;
  --s-danger-text-emphasis: #58151c;
  --s-light-text-emphasis: #495057;
  --s-dark-text-emphasis: #495057;
  --s-primary-bg-subtle: #cfe2ff;
  --s-secondary-bg-subtle: #e2e3e5;
  --s-success-bg-subtle: #d1e7dd;
  --s-info-bg-subtle: #cff4fc;
  --s-warning-bg-subtle: #fff3cd;
  --s-danger-bg-subtle: #f8d7da;
  --s-light-bg-subtle: #fcfcfd;
  --s-dark-bg-subtle: #ced4da;
  --s-primary-border-subtle: #9ec5fe;
  --s-secondary-border-subtle: #c4c8cb;
  --s-success-border-subtle: #a3cfbb;
  --s-info-border-subtle: #9eeaf9;
  --s-warning-border-subtle: #ffe69c;
  --s-danger-border-subtle: #f1aeb5;
  --s-light-border-subtle: #e9ecef;
  --s-dark-border-subtle: #adb5bd;
  --s-white-rgb: 255, 255, 255;
  --s-black-rgb: 0, 0, 0;

  --s-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";
  --s-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

  --s-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));

  --s-body-font-family: var(--s-font-sans-serif);
  --s-body-font-size: 1rem;
  --s-body-font-weight: 400;
  --s-body-line-height: 1.5;

  --s-body-color: #212529;
  --s-body-color-rgb: 33, 37, 41;
  --s-body-bg: #fff;
  --s-body-bg-rgb: 255, 255, 255;

  --s-emphasis-color: #000;
  --s-emphasis-color-rgb: 0, 0, 0;
  --s-secondary-color: rgba(33, 37, 41, 0.75);
  --s-secondary-color-rgb: 33, 37, 41;
  --s-secondary-bg: #e9ecef;
  --s-secondary-bg-rgb: 233, 236, 239;
  --s-tertiary-color: rgba(33, 37, 41, 0.5);
  --s-tertiary-color-rgb: 33, 37, 41;
  --s-tertiary-bg: #f8f9fa;
  --s-tertiary-bg-rgb: 248, 249, 250;

  --s-heading-color: inherit;
  --s-link-color: #0d6efd;
  --s-link-color-rgb: 13, 110, 253;
  --s-link-decoration: underline;
  --s-link-hover-color: #0a58ca;
  --s-link-hover-color-rgb: 10, 88, 202;
  --s-code-color: #d63384;
  --s-highlight-color: #212529;
  --s-highlight-bg: #fff3cd;

  --s-border-width: 1px;
  --s-border-style: solid;
  --s-border-color: #dee2e6;
  --s-border-color-translucent: rgba(0, 0, 0, 0.175);
  --s-border-radius: 0.375rem;
  --s-border-radius-sm: 0.25rem;
  --s-border-radius-lg: 0.5rem;
  --s-border-radius-xl: 1rem;
  --s-border-radius-xxl: 2rem;
  --s-border-radius-2xl: var(--s-border-radius-xxl);
  --s-border-radius-pill: 50rem;

  --s-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --s-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --s-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --s-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);

  --s-focus-ring-width: 0.25rem;
  --s-focus-ring-opacity: 0.25;
  --s-focus-ring-color: rgba(13, 110, 253, 0.25);

  --s-form-valid-color: #198754;
  --s-form-valid-border-color: #198754;
  --s-form-invalid-color: #dc3545;
  --s-form-invalid-border-color: #dc3545;
}

[data-bs-theme=dark] {
  color-scheme: dark;
  --s-body-color: #dee2e6;
  --s-body-color-rgb: 222, 226, 230;
  --s-body-bg: #212529;
  --s-body-bg-rgb: 33, 37, 41;

  --s-emphasis-color: #fff;
  --s-emphasis-color-rgb: 255, 255, 255;

  --s-secondary-color: rgba(222, 226, 230, 0.75);
  --s-secondary-color-rgb: 222, 226, 230;
  --s-secondary-bg: #343a40;
  --s-secondary-bg-rgb: 52, 58, 64;

  --s-tertiary-color: rgba(222, 226, 230, 0.5);
  --s-tertiary-color-rgb: 222, 226, 230;
  --s-tertiary-bg: #2b3035;
  --s-tertiary-bg-rgb: 43, 48, 53;

  --s-primary-text-emphasis: #6ea8fe;
  --s-secondary-text-emphasis: #a7acb1;
  --s-success-text-emphasis: #75b798;
  --s-info-text-emphasis: #6edff6;
  --s-warning-text-emphasis: #ffda6a;
  --s-danger-text-emphasis: #ea868f;
  --s-light-text-emphasis: #f8f9fa;
  --s-dark-text-emphasis: #dee2e6;

  --s-primary-bg-subtle: #031633;
  --s-secondary-bg-subtle: #161719;
  --s-success-bg-subtle: #051b11;
  --s-info-bg-subtle: #032830;
  --s-warning-bg-subtle: #332701;
  --s-danger-bg-subtle: #2c0b0e;
  --s-light-bg-subtle: #343a40;
  --s-dark-bg-subtle: #1a1d20;
  --s-primary-border-subtle: #084298;
  --s-secondary-border-subtle: #41464b;
  --s-success-border-subtle: #0f5132;
  --s-info-border-subtle: #087990;
  --s-warning-border-subtle: #997404;
  --s-danger-border-subtle: #842029;
  --s-light-border-subtle: #495057;
  --s-dark-border-subtle: #343a40;

  --s-heading-color: inherit;

  --s-link-color: #6ea8fe;
  --s-link-hover-color: #8bb9fe;
  --s-link-color-rgb: 110, 168, 254;
  --s-link-hover-color-rgb: 139, 185, 254;

  --s-code-color: #e685b5;

  --s-highlight-color: #dee2e6;
  --s-highlight-bg: #664d03;

  --s-border-color: #495057;
  --s-border-color-translucent: rgba(255, 255, 255, 0.15);

  --s-form-valid-color: #75b798;
  --s-form-valid-border-color: #75b798;
  --s-form-invalid-color: #ea868f;
  --s-form-invalid-border-color: #ea868f;
}
/* -------------------- -------------------- -------------------- */




/* -------------------- -------------------- -------------------- */
/* swarnolata-color.css */
/* VIBGYOR Color Palette */
:root {
  /* VIBGYOR */
  --s-violet: #9400d3; /*  */
  --s-violet-rgb: 148, 0, 211;
  --s-violet-rgba: rgba(148, 0, 211, 0.75);
  --s-indigo: #4b0082; /*  */
  --s-indigo-rgb: 75, 0, 130;
  --s-indigo-rgba: rgba(75, 0, 130, 0.75);
  --s-blue: #0000ff; /* --bs-blue: #0d6efd; */
  --s-blue-rgb: 0, 0, 255;
  --s-blue-rgba: rgba(0, 0, 255, 0.75);
  --s-green: #00ff00; /* --bs-green: #198754; */
  --s-green-rgb: 0, 255, 0;
  --s-green-rgba: rgba(0, 255, 0, 0.75);
  --s-yellow: #ffff00; /* --bs-yellow: #ffc107; */
  --s-yellow-rgb: 255, 255, 0;
  --s-yellow-rgba: rgba(255, 255, 0, 0.75);
  --s-orange: #ff7f00; /* --bs-orange: #fd7e14; */
  --s-orange-rgb: 255, 127, 0;
  --s-orange-rgba: rgba(255, 127, 0, 0.75);
  --s-red: #ff0000; /* --bs-red: #dc3545; */
  --s-red-rgb: 255, 0 , 0;
  --s-red-rgba: rgba(255, 0 , 0, 0.75);
}
/* -------------------- -------------------- */
:root {
/* alternate high-quality 'Web' VIBGYOR Color Palette */
--sa-violet: #70369d; /* */
--sa-indigo: #4b369d; /* */
--sa-blue: #487dE7; /*  */
--sa-green: #79c314; /*  */
--sa-yellow: #faeb36; /*  */
--sa-orange: #ffa500; /*  */
--sa-red: #e81416; /* */
}
/* -------------------- -------------------- -------------------- */
/* VIBGYOR Violet Color Palette */
:root,
[data-s-theme='violet'] {
  --s-base-50: #f5e5fa;  /* lighter */
  --s-base-50-rgb: ;
  --s-base-50-rgba: rgba(, 0.75);
  --s-base-100: #e5bef3;
  --s-base-200: #d491ed; /* light */
  --s-base-200-rgb: ;
  --s-base-200-rgba: rgba(, 0.75);
  --s-base-300: #c163e6;
  --s-base-400: #b33be0;
  --s-base-500: #a500d9;
  --s-base-600: #9400d3; /* base */
  --s-base-600-rgb: 148, 0, 211;
  --s-base-600-rgba: rgba(148, 0, 211, 0.75);
  --s-base-700: #7c02cc; /* dark */
  --s-base-700-rgb: ;
  --s-base-700-rgba: rgba(, 0.75);
  --s-base-800: #6602c6;
  --s-base-900: #2f03be; /* darker */
  --s-base-900-rgb: ;
  --s-base-900-rgba: rgba(, 0.75);

  --s-base-web-safe: ;

  --s-alt-50: #ecfbe6;  /* lighter */
  --s-alt-50-rgb: ;
  --s-alt-50-rgba: rgba(, 0.75);
  --s-alt-100: #cff3c1;
  --s-alt-200: #aeea97; /* light */
  --s-alt-200-rgb: ;
  --s-alt-200-rgba: rgba(, 0.75);
  --s-alt-300: #89e269;
  --s-alt-400: #67db42;
  --s-alt-500: #3fd300; /* alt */
  --s-alt-500-rgb: ;
  --s-alt-500-rgba: rgba(, 0.75);
  --s-alt-600: #29c200;
  --s-alt-700: #00ae00; /* dark */
  --s-alt-700-rgb: ;
  --s-alt-700-rgba: rgba(, 0.75);
  --s-alt-800: #009900;
  --s-alt-900: #007700; /* darker */
  --s-alt-900-rgb: ;
  --s-alt-900-rgba: rgba(, 0.75);

  --s-alt-web-safe: ;
}
/* -------------------- -------------------- -------------------- */
/* VIBGYOR Indigo Color Palette */
:root,
[data-s-theme='indigo'] {
  --s-base-50: #f3e4f3;  /* lighter */
  --s-base-50-rgb: ;
  --s-base-50-rgba: rgba(, 0.75);
  --s-base-100: #e1bbe3;
  --s-base-200: #ce8ed1; /* light */
  --s-base-200-rgb: ;
  --s-base-200-rgba: rgba(, 0.75);
  --s-base-300: #ba60be;
  --s-base-400: #ab3cb1;
  --s-base-500: #9b11a4;
  --s-base-500-rgb: ;
  --s-base-500-rgba: rgba(, 0.75);
  --s-base-600: #8e0f9e;
  --s-base-700: #7b0997; /* dark */
  --s-base-700-rgb: ;
  --s-base-700-rgba: rgba(, 0.75);
  --s-base-800: #6b058f;
  --s-base-900: #4b0082; /* base darker */
  --s-base-900-rgb: ;
  --s-base-900-rgba: rgba(, 0.75);

  --s-base-web-safe: ;

  --s-alt-50: ;  /* lighter */
  --s-alt-50-rgb: ;
  --s-alt-50-rgba: rgba(, 0.75);
  --s-alt-100: ;
  --s-alt-200: ; /* light */
  --s-alt-200-rgb: ;
  --s-alt-200-rgba: rgba(, 0.75);
  --s-alt-300: ;
  --s-alt-400: ;
  --s-alt-500: ;
  --s-alt-500-rgb: ;
  --s-alt-500-rgba: rgba(, 0.75);
  --s-alt-600: ;
  --s-alt-700: ; /* dark */
  --s-alt-700-rgb: ;
  --s-alt-700-rgba: rgba(, 0.75);
  --s-alt-800: ;
  --s-alt-900: ; /* darker */
  --s-alt-900-rgb: ;
  --s-alt-900-rgba: rgba(, 0.75);

  --s-alt-web-safe: ;
}
/* -------------------- -------------------- -------------------- */
/* VIBGYOR Blue Color Palette */
:root,
[data-s-theme='blue'] {
  --s-base-50: #f0e6ff;  /* lighter */
  --s-base-50-rgb: ;
  --s-base-50-rgba: rgba(, 0.75);
  --s-base-100: #d5c2ff;
  --s-base-200: #b798ff; /* light */
  --s-base-200-rgb: ;
  --s-base-200-rgba: rgba(, 0.75);
  --s-base-300: #966bff;
  --s-base-400: #7745ff;
  --s-base-500: #5013ff;
  --s-base-500-rgb: ;
  --s-base-500-rgba: rgba(, 0.75);
  --s-base-600: #3b0eff;
  --s-base-700: #0000ff; /* base dark */
  --s-base-700-rgb: ;
  --s-base-700-rgba: rgba(, 0.75);
  --s-base-800: #0000fb;
  --s-base-900: #0000f9; /* darker */
  --s-base-900-rgb: ;
  --s-base-900-rgba: rgba(, 0.75);

  --s-base-web-safe: ;

  --s-alt-50: ;  /* lighter */
  --s-alt-50-rgb: ;
  --s-alt-50-rgba: rgba(, 0.75);
  --s-alt-100: 
  --s-alt-200:  /* light */
  --s-alt-200-rgb: ;
  --s-alt-200-rgba: rgba(, 0.75);
  --s-alt-300: ;
  --s-alt-400: ;
  --s-alt-500: ;
  --s-alt-500-rgb: ;
  --s-alt-500-rgba: rgba(, 0.75);
  --s-alt-600: ;
  --s-alt-700: ; /* dark */
  --s-alt-700-rgb: ;
  --s-alt-700-rgba: rgba(, 0.75);
  --s-alt-800: ;
  --s-alt-900: ; /* darker */
  --s-alt-900-rgb: ;
  --s-alt-900-rgba: rgba(, 0.75);

  --s-alt-web-safe: ;
}
/* -------------------- -------------------- -------------------- */
/* VIBGYOR Blue Color Palette */
/*
https://evilmartians.com/chronicles/oklch-in-css-why-quit-rgb-hsl
oklch Blue Color Palette
use 5 out of 11 - lighter, light, base blue, dark, darker
*/
:root,
[data-lch-theme='blue'] {
  --lch-base-90: #c2c2ff; /* base lighter */
  --lch-base-90: oklch(90% 0.15 264); /* 90 - 99% */
  --lch-base-80: #9999ff;
  --lch-base-80: oklch(80% 0.20 264); /* 80 - 89% */
  --lch-base-70: #7070ff; /* base light */
  --lch-base-70: oklch(70% 0.25 264); /* 70 - 79% */
  --lch-base-60: #4747ff; 
  --lch-base-60: oklch(60% 0.30 264); /* 60 - 69% */
  --lch-base-50: #1f1fff;
  --lch-base-50: oklch(50% 0.31 264); /* 50 - 59% */
  --lch-base-40: #0000ff; /* base blue */
  --lch-base-40: oklch(45% 0.313 264); /* 40 - 49% */
  --lch-base-30: #0000e0;
  --lch-base-30: oklch(40% 0.30 264); /* 30 - 39% */
  --lch-base-25: #0000b0; /* base dark */
  --lch-base-25: oklch(30% 0.25 264); /* 25 - 29% */
  --lch-base-20: #00008f;
  --lch-base-20: oklch(25% 0.20 264); /* 20 - 24% */
  --lch-base-15: #00005f; /* base darker */
  --lch-base-15: oklch(15% 0.15 264); /* 15 - 19% */
  --lch-base-10: #00003f;
  --lch-base-10: oklch(10% 0.10 264); /* 10 - 14% */
}
/* -------------------- -------------------- -------------------- */
/* VIBGYOR Green Color Palette */
:root,
[data-s-theme='green'] {
  --s-base-50: #ebffe5;  /* lighter */
  --s-base-50-rgb: ;
  --s-base-50-rgba: rgba(, 0.75);
  --s-base-100: #ccffbe;
  --s-base-200: #a3ff90; /* light */
  --s-base-200-rgb: ;
  --s-base-200-rgba: rgba(, 0.75);
  --s-base-300: #6cff57;
  --s-base-400: #00ff00; /* base */
  --s-base-500: #00fc00;
  --s-base-500-rgb: ;
  --s-base-500-rgba: rgba(, 0.75);
  --s-base-600: #00ea00;
  --s-base-700: #00d300; /* dark */
  --s-base-700-rgb: ;
  --s-base-700-rgba: rgba(, 0.75);
  --s-base-800: #00be00;
  --s-base-900: #009900; /* darker */
  --s-base-900-rgb: ;
  --s-base-900-rgba: rgba(, 0.75);

  --s-base-web-safe: ;

  --s-alt-50: ;  /* lighter */
  --s-alt-50-rgb: ;
  --s-alt-50-rgba: rgba(, 0.75);
  --s-alt-100: ;
  --s-alt-200: ; /* light */
  --s-alt-200-rgb: ;
  --s-alt-200-rgba: rgba(, 0.75);
  --s-alt-300: ;
  --s-alt-400: ;
  --s-alt-500: ;
  --s-alt-500-rgb: ;
  --s-alt-500-rgba: rgba(, 0.75);
  --s-alt-600: ;
  --s-alt-700: ; /* dark */
  --s-alt-700-rgb: ;
  --s-alt-700-rgba: rgba(, 0.75);
  --s-alt-800: ;
  --s-alt-900: ; /* darker */
  --s-alt-900-rgb: ;
  --s-alt-900-rgba: rgba(, 0.75);

  --s-alt-web-safe: ;
}
/* -------------------- -------------------- -------------------- */
/* VIBGYOR Yellow Color Palette */
:root,
[data-s-theme='yellow'] {
  --s-base-50: #ffffe6;  /* lighter */
  --s-base-50-rgb: ;
  --s-base-50-rgba: rgba(, 0.75);
  --s-base-100: #fcfdc0;
  --s-base-200: #f9fa93; /* light */
  --s-base-200-rgb: ;
  --s-base-200-rgba: rgba(, 0.75);
  --s-base-300: #f5f662;
  --s-base-400: #f0f234;
  --s-base-500: #ffff00; /* base */
  --s-base-500-rgb: ;
  --s-base-500-rgba: rgba(, 0.75);
  --s-base-600: #ffeb00;
  --s-base-700: #ffd100; /* dark */
  --s-base-700-rgb: ;
  --s-base-700-rgba: rgba(, 0.75);
  --s-base-800: #ffb700;
  --s-base-900: #ff8a00; /* darker */
  --s-base-900-rgb: ;
  --s-base-900-rgba: rgba(, 0.75);

  --s-base-web-safe: ;

  --s-alt-50: ;  /* lighter */
  --s-alt-50-rgb: ;
  --s-alt-50-rgba: rgba(, 0.75);
  --s-alt-100: ;
  --s-alt-200: ; /* light */
  --s-alt-200-rgb: ;
  --s-alt-200-rgba: rgba(, 0.75);
  --s-alt-300: ;
  --s-alt-400: ;
  --s-alt-500: ;
  --s-alt-500-rgb: ;
  --s-alt-500-rgba: rgba(, 0.75);
  --s-alt-600: ;
  --s-alt-700: ; /* dark */
  --s-alt-700-rgb: ;
  --s-alt-700-rgba: rgba(, 0.75);
  --s-alt-800: ;
  --s-alt-900: ; /* darker */
  --s-alt-900-rgb: ;
  --s-alt-900-rgba: rgba(, 0.75);

  --s-alt-web-safe: ;
}
/* -------------------- -------------------- -------------------- */
/* VIBGYOR Orange Color Palette */
:root,
[data-s-theme='orange'] {
  --s-base-50: ;  /* lighter */
  --s-base-50-rgb: ;
  --s-base-50-rgba: rgba(, 0.75);
  --s-base-100: ;
  --s-base-200: ; /* light */
  --s-base-200-rgb: ;
  --s-base-200-rgba: rgba(, 0.75);
  --s-base-300: ;
  --s-base-400: ;
  --s-base-500: ;
  --s-base-500-rgb: ;
  --s-base-500-rgba: rgba(, 0.75);
  --s-base-600: ;
  --s-base-700: ; /* dark */
  --s-base-700-rgb: ;
  --s-base-700-rgba: rgba(, 0.75);
  --s-base-800: #ffab13;
  --s-base-900: #ff7f00; /* base darker */
  --s-base-900-rgb: ;
  --s-base-900-rgba: rgba(, 0.75);

  --s-base-web-safe: ;

  --s-alt-50: ;  /* lighter */
  --s-alt-50-rgb: ;
  --s-alt-50-rgba: rgba(, 0.75);
  --s-alt-100: ;
  --s-alt-200: ; /* light */
  --s-alt-200-rgb: ;
  --s-alt-200-rgba: rgba(, 0.75);
  --s-alt-300: ;
  --s-alt-400: ;
  --s-alt-500: ;
  --s-alt-500-rgb: ;
  --s-alt-500-rgba: rgba(, 0.75);
  --s-alt-600: ;
  --s-alt-700: ; /* dark */
  --s-alt-700-rgb: ;
  --s-alt-700-rgba: rgba(, 0.75);
  --s-alt-800: ;
  --s-alt-900: ; /* darker */
  --s-alt-900-rgb: ;
  --s-alt-900-rgba: rgba(, 0.75);

  --s-alt-web-safe: ;
}
/* -------------------- -------------------- -------------------- */
/* VIBGYOR Red Color Palette */
:root,
[data-s-theme='red'] {
  --s-base-50: ;  /* lighter */
  --s-base-50-rgb: ;
  --s-base-50-rgba: rgba(, 0.75);
  --s-base-100: ;
  --s-base-200: ; /* light */
  --s-base-200-rgb: ;
  --s-base-200-rgba: rgba(, 0.75);
  --s-base-300: ;
  --s-base-400: ;
  --s-base-500: ;
  --s-base-500-rgb: ;
  --s-base-500-rgba: rgba(, 0.75);
  --s-base-600: ;
  --s-base-700: ; /* dark */
  --s-base-700-rgb: ;
  --s-base-700-rgba: rgba(, 0.75);
  --s-base-800: ;
  --s-base-900: ; /* darker */
  --s-base-900-rgb: ;
  --s-base-900-rgba: rgba(, 0.75);

  --s-base-web-safe: ;

  --s-alt-50: ;  /* lighter */
  --s-alt-50-rgb: ;
  --s-alt-50-rgba: rgba(, 0.75);
  --s-alt-100: ;
  --s-alt-200: ; /* light */
  --s-alt-200-rgb: ;
  --s-alt-200-rgba: rgba(, 0.75);
  --s-alt-300: ;
  --s-alt-400: ;
  --s-alt-500: ;
  --s-alt-500-rgb: ;
  --s-alt-500-rgba: rgba(, 0.75);
  --s-alt-600: ;
  --s-alt-700: ; /* dark */
  --s-alt-700-rgb: ;
  --s-alt-700-rgba: rgba(, 0.75);
  --s-alt-800: ;
  --s-alt-900: ; /* darker */
  --s-alt-900-rgb: ;
  --s-alt-900-rgba: rgba(, 0.75);

  --s-alt-web-safe: ;
}
/* -------------------- -------------------- -------------------- */
/* Gold Color Palette */
:root,
[data-s-theme='gold'] {
  --s-base-50: ;  /* lighter */
  --s-base-50-rgb: ;
  --s-base-50-rgba: rgba(, 0.75);
  --s-base-100: ;
  --s-base-200: ; /* light */
  --s-base-200-rgb: ;
  --s-base-200-rgba: rgba(, 0.75);
  --s-base-300: ;
  --s-base-400: ;
  --s-base-500: ;
  --s-base-500-rgb: ;
  --s-base-500-rgba: rgba(, 0.75);
  --s-base-600: ;
  --s-base-700: ; /* dark */
  --s-base-700-rgb: ;
  --s-base-700-rgba: rgba(, 0.75);
  --s-base-800: ;
  --s-base-900: ; /* darker */
  --s-base-900-rgb: ;
  --s-base-900-rgba: rgba(, 0.75);

  --s-base-web-safe: ;

  --s-alt-50: ;  /* lighter */
  --s-alt-50-rgb: ;
  --s-alt-50-rgba: rgba(, 0.75);
  --s-alt-100: ;
  --s-alt-200: ; /* light */
  --s-alt-200-rgb: ;
  --s-alt-200-rgba: rgba(, 0.75);
  --s-alt-300: ;
  --s-alt-400: ;
  --s-alt-500: ;
  --s-alt-500-rgb: ;
  --s-alt-500-rgba: rgba(, 0.75);
  --s-alt-600: ;
  --s-alt-700: ; /* dark */
  --s-alt-700-rgb: ;
  --s-alt-700-rgba: rgba(, 0.75);
  --s-alt-800: ;
  --s-alt-900: ; /* darker */
  --s-alt-900-rgb: ;
  --s-alt-900-rgba: rgba(, 0.75);

  --s-alt-web-safe: ;
}
/* -------------------- -------------------- -------------------- */




/* -------------------- -------------------- -------------------- */
/* Bootstrap  v5.3.8 */
/* edit to sl-lch
:root,
[data-bs-theme=light] {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-primary-text-emphasis: #052c65;
  --bs-secondary-text-emphasis: #2b2f32;
  --bs-success-text-emphasis: #0a3622;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #664d03;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #cfe2ff;
  --bs-secondary-bg-subtle: #e2e3e5;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #9ec5fe;
  --bs-secondary-border-subtle: #c4c8cb;
  --bs-success-border-subtle: #a3cfbb;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;

  --bs-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";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));

  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;

  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;

  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;

  --bs-heading-color: inherit;
  --bs-link-color: #0d6efd;
  --bs-link-color-rgb: 13, 110, 253;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #0a58ca;
  --bs-link-hover-color-rgb: 10, 88, 202;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: #fff3cd;

  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;

  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);

  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);

  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
}

[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb: 222, 226, 230;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb: 33, 37, 41;

  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;

  --bs-secondary-color: rgba(222, 226, 230, 0.75);
  --bs-secondary-color-rgb: 222, 226, 230;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb: 52, 58, 64;

  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
  --bs-tertiary-color-rgb: 222, 226, 230;
  --bs-tertiary-bg: #2b3035;
  --bs-tertiary-bg-rgb: 43, 48, 53;

  --bs-primary-text-emphasis: #6ea8fe;
  --bs-secondary-text-emphasis: #a7acb1;
  --bs-success-text-emphasis: #75b798;
  --bs-info-text-emphasis: #6edff6;
  --bs-warning-text-emphasis: #ffda6a;
  --bs-danger-text-emphasis: #ea868f;
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;

  --bs-primary-bg-subtle: #031633;
  --bs-secondary-bg-subtle: #161719;
  --bs-success-bg-subtle: #051b11;
  --bs-info-bg-subtle: #032830;
  --bs-warning-bg-subtle: #332701;
  --bs-danger-bg-subtle: #2c0b0e;
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: #084298;
  --bs-secondary-border-subtle: #41464b;
  --bs-success-border-subtle: #0f5132;
  --bs-info-border-subtle: #087990;
  --bs-warning-border-subtle: #997404;
  --bs-danger-border-subtle: #842029;
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;

  --bs-heading-color: inherit;

  --bs-link-color: #6ea8fe;
  --bs-link-hover-color: #8bb9fe;
  --bs-link-color-rgb: 110, 168, 254;
  --bs-link-hover-color-rgb: 139, 185, 254;

  --bs-code-color: #e685b5;

  --bs-highlight-color: #dee2e6;
  --bs-highlight-bg: #664d03;

  --bs-border-color: #495057;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);

  --bs-form-valid-color: #75b798;
  --bs-form-valid-border-color: #75b798;
  --bs-form-invalid-color: #ea868f;
  --bs-form-invalid-border-color: #ea868f;
}
*/
/* -------------------- -------------------- -------------------- */

/* -------------------- -------------------- -------------------- */
/* | navbar */
/* 
-- order --
navbar 
navbar-expand-lg .navbar-expand{-sm|-md|-lg|-xl|-xxl
navbar-brand
<a class="navbar-brand mt-2 mt-lg-0" href='#'> </a>
navbar-toggler
navbar-toggler-icon
navbar-collapse collapse 
navbardropdown > navbardropdown
navbar-nav
nav-item
nav-link active
nav-item dropdown
nav-link dropdown-toggle
navbarDarkDropdownMenuLink > navbarDropdownMenuLink
dropdown-menu
dropdown-item
dropdown-divider
nav-link disabled
*/
/*
s-nav-bar-brand s-nav-bar-toggler
*/

.navbar { 
  --bs-navbar-color: rgba(var(--hex-base-50-rgb), 0.65); 
  --bs-navbar-active-color: rgba(var(--hex-base-50-rgb), 1);
  --bs-navbar-hover-color: rgba(var(--hex-base-50-rgb), 0.8);
  --bs-navbar-disabled-color: rgba(var(--hex-base-50-rgb), 0.3);
}

.navbar-nav { /* ? */
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
}

.navbar-text {
color:  var(--hex-base-50); /*var(--bs-navbar-color);*/
}

.navbar-toggler {
  color: var(--hex-base-50); /*var(--bs-navbar-color);*/

.navbar-dark,
.navbar[data-bs-theme=dark] {
  --bs-navbar-color: rgba(255, 255, 255, 0.55);
  --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
}
/* navbar | */
/* -------------------- -------------------- -------------------- */

/* -------------------- -------------------- -------------------- */

/* -------------------- -------------------- -------------------- */

/* -------------------- -------------------- -------------------- */

/* -------------------- -------------------- -------------------- */

/* -------------------- -------------------- -------------------- */

/* -------------------- -------------------- -------------------- */

/* -------------------- -------------------- -------------------- */

/* -------------------- -------------------- -------------------- */

/* -------------------- -------------------- -------------------- */

/* -------------------- -------------------- -------------------- */