@charset "UTF-8";
/*!
 * Swarnolata  v1.0.0 (https://css.swarnolata.org/)
 * Copyright 2026 Subrato Paul
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
/*
C:\Users\Subrato Paul\Documents\0 swarnolata foundation\boilerplate.odt
Open-Source CSS Framework
Recommended Folder Structure:

1. Design Tokens () 
Define the core variables that control your framework's design system. 
2. Modern CSS Reset () 
Incorporate a baseline reset to normalize box-sizing and eliminate unwanted default margins.
3. Core Entry Point () 

Import your layers sequentially using standard CSS rules or PostCSS processing.

*/



/*
Different modules and tools in CSS frameworks are:

    Reset the style sheet
    Grid, which is designed specifically for responsive web design
    Typography in web
    A collection of sprites or icon fonts
    The style for tooltips, buttons, and form elements
    Graphical user interfaces elements such as accordions, tabs, slideshows, and modal windows (Lightbox)
    Adjuster to make the content of equal height
    CSS auxiliary classes are often used (left, hide)
*/

























/* -------------------- -------------------- -------------------- */
/* swarnolata-ui.css */
/* VIBGYOR Color Palette */
:root,
[data-s-theme='vibgyor'] {
  --s-violet: oklch(0.51491 0.260674 309.8111); /* #9400d3; */
  --s-indigo: oklch(0.339 0.1793 301.68); /* #4b0082; */
  --s-blue: oklch(0.452014 0.313214 264.052); /* #0000ff; --bs-blue: #0d6efd; */
  --s-green: oklch(0.86644 0.294827 142.4953); /* #00ff00; --bs-green: #198754; */
  --s-yellow: oklch(0.968 0.211 109.77); /* #ffff00; --bs-yellow: #ffc107; */
  --s-orange: oklch(0.7304 0.1864 52.57); /* #ff7f00; --bs-orange: #fd7e14; */
  --s-red: oklch(0.628 0.2577 29.23); /* #ff0000; --bs-red: #dc3545; */
}
.vibgyor-gradient { 
  background: 
    linear-gradient(to bottom right, 
    oklch(0.51491 0.260674 309.8111) 0%, 
    oklch(0.339 0.1793 301.68) 16.5%,
    oklch(0.452014 0.313214 264.052) 33%,
    oklch(0.86644 0.294827 142.4953) 50%,
    oklch(0.968 0.211 109.77) 66.5%,
    oklch(0.7304 0.1864 52.57) 83%,
    oklch(0.628 0.2577 29.23) 100%
    );
}
/* -------------------- -------------------- */
/* 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 Color Violet Palette */
:root,
[data-s-theme='violet'] {
  /* base */
  --s-base-100: oklch(0.915 0.058 309.811); /* P3 #efd9ff; near white */
  --s-base-95: oklch(0.848 0.105 309.811); /* P3 #e2baff; */
  --s-base-90: oklch(0.782 0.155 309.811); /* P3 #d69aff; lighter */
  --s-base-80: oklch(0.715 0.207 309.811); /* P3 #ca76ff; */
  --s-base-70: oklch(0.648 0.261 309.811); /* P3 #be4aff; light */
  --s-base-60: oklch(0.582 0.294 309.811); /* #af02f8; */
  --s-base-50: oklch(0.51491 0.260674 309.8111); /* P3 #9400d3; base */
  --s-base-40: oklch(0.448 0.227 309.811); /* P3 #7a00af; */
  --s-base-30: oklch(0.382 0.193 309.811); /* #61008d; dark */
  --s-base-20: oklch(0.315 0.159 309.811); /* #4a006c; */
  --s-base-10: oklch(0.248 0.126 309.811); /* P3 #33004c; darker */
  --s-base-05: oklch(0.182 0.092 309.811); /* #1e002f; */
  --s-base-0: oklch(0.115 0.058 309.811); /* #0b0014; near black */
  /* alternate */
  --s-alt-100: ; /* ; near white */
  --s-alt-95: ; /* ; */
  --s-alt-90: ; /* ; lighter */
  --s-alt-80: ; /* ; */
  --s-alt-70: ; /* ; light */
  --s-alt-60: ; /* ; */
  --s-alt-50: ; /* ; alternate */
  --s-alt-40: ; /* ; */
  --s-alt-30: ; /* ; dark */
  --s-alt-20: ; /* ; */
  --s-alt-10: ; /* ; darker */
  --s-alt-05: ; /* ; */
  --s-alt-0: ; /* ; near black */
  /* accent */
  --s-acc-100: ; /* ; near white */
  --s-acc-95: ; /* ; */
  --s-acc-90: ; /* ; lighter */
  --s-acc-80: ; /* ; */
  --s-acc-70: ; /* ; light */
  --s-acc-60: ; /* ; */
  --s-acc-50: ; /* ; accent */
  --s-acc-40: ; /* ; */
  --s-acc-30: ; /* ; dark */
  --s-acc-20: ; /* ; */
  --s-acc-10: ; /* ; darker */
  --s-acc-05: ; /* ; */
  --s-acc-0: ; /* ; near black */
}
/* VIBGYOR Color Violet Palette | */
/* -------------------- -------------------- -------------------- */
/* | color palette vibgyor indigo */
:root,
[data-s-theme='indigo'] {
  /* base */
  --s-base-100: oklch(0.739 0.17 301.685); /* P3 #bf8dff; near white */
  --s-base-95: oklch(0.672 0.218 301.685); /* P3 #b06bff; */
  --s-base-90: oklch(0.606 0.268 301.685); /* P3 #a33fff; lighter */
  --s-base-80: oklch(0.539 0.285 301.685); /* #9100f3; */
  --s-base-70: oklch(0.472 0.25 301.685); /* P3 #7900cc; light */
  --s-base-60: oklch(0.406 0.215 301.685); /* P3 #6200a7; */
  --s-base-50: oklch(0.339 0.1793 301.685); /* #4b0082; base */
  --s-base-40: oklch(0.291 0.154 301.685); /* P3 #3c0069; */
  --s-base-30: oklch(0.243 0.128 301.685); /* #2d0051; dark */
  --s-base-20: oklch(0.194 0.103 301.685); /* P3 #1e003a; */
  --s-base-10: oklch(0.146 0.077 301.685); /* #110024; darker */
  --s-base-05: oklch(0.098 0.052 301.685); /* #060011; */
  --s-base-0: oklch(0.05 0.026 301.685); /* #010002; near black */
  /* alternate */
  --s-alt-100: ; /* ; near white */
  --s-alt-95: ; /* ; */
  --s-alt-90: ; /* ; lighter */
  --s-alt-80: ; /* ; */
  --s-alt-70: ; /* ; light */
  --s-alt-60: ; /* ; */
  --s-alt-50: ; /* ; alternate */
  --s-alt-40: ; /* ; */
  --s-alt-30: ; /* ; dark */
  --s-alt-20: ; /* ; */
  --s-alt-10: ; /* ; darker */
  --s-alt-05: ; /* ; */
  --s-alt-0: ; /* ; near black */
  /* accent */
  --s-acc-100: ; /* ; near white */
  --s-acc-95: ; /* ; */
  --s-acc-90: ; /* ; lighter */
  --s-acc-80: ; /* ; */
  --s-acc-70: ; /* ; light */
  --s-acc-60: ; /* ; */
  --s-acc-50: ; /* ; accent */
  --s-acc-40: ; /* ; */
  --s-acc-30: ; /* ; dark */
  --s-acc-20: ; /* ; */
  --s-acc-10: ; /* ; darker */
  --s-acc-05: ; /* ; */
  --s-acc-0: ; /* ; near black */
}
/* color palette vibgyor indigo | */
/* -------------------- -------------------- -------------------- */
/* | color palette vibgyor blue */
/*
https://evilmartians.com/chronicles/oklch-in-css-why-quit-rgb-hsl
oklch Color Blue Palette
use 5 out of 11 - lighter, light, base blue, dark, darker
--s-blue: oklch(0.452014 0.313214 264.052); * #0000ff; --bs-blue: #0d6efd; *
??? -- edit --
*/
: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); /* #0000ff 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% */
}
/* -------------------- -------------------- */
/* | color palette vibgyor blue */
:root,
[data-s-theme='blue'] {
  /* base */
  /* very light (near white) base */
  --s-base-100: oklch(0.852 0.08 264.052); /* P3 #b4cfff near white */
  --s-base-95: oklch(0.785 0.118 264.052); /* P3 #92b8ff */
  --s-base-90: oklch(0.719 0.158 264.052); /* P3 #71a0ff lighter */
  --s-base-80: oklch(0.652 0.199 264.052); /* P3 #4f87ff */
  --s-base-70: oklch(0.585 0.243 264.052); /* P3 #2c6aff light */
  --s-base-60: oklch(0.519 0.287 264.052); /* P3 #0645ff */
  --s-base-50: oklch(0.452014 0.313214 264.052); /* #0000ff base */
  --s-base-40: oklch(0.385 0.267 264.052); /* P3 #0000ce */
  --s-base-30: oklch(0.319 0.221 264.052); /* #0000a0 dark */
  --s-base-20: oklch(0.252 0.175 264.052); /* P3 #000074 */
  --s-base-10: oklch(0.185 0.128 264.052); /* #00004a darker */
  --s-base-05: oklch(0.119 0.082 264.052); /* #000025 */
  /* very dark (near black) base */
  --s-base-0: oklch(0.052 0.036 264.052); /* #000005 near black */
/* -------------------- -------------------- */
  /* alternate */
  /* very light (near white) alt */
  --s-alt-100: oklch(0.95 0.025 256.099); /* X #e4f0ff near white */
  --s-alt-95: oklch(0.894 0.053 256.099); /* X #c6deff */
  --s-alt-90: oklch(0.838 0.082 256.099); /* X #a7cdff lighter */
  --s-alt-80: oklch(0.783 0.113 256.099); /* X #88bbff */
  --s-alt-70: oklch(0.727 0.145 256.099); /* X #67a8ff light */
  --s-alt-60: oklch(0.671 0.177 256.099); /* X #4295ff */
  --s-alt-50: oklch(0.615 0.211 256.099); /* X #0080ff alt */
  --s-alt-40: oklch(0.548 0.223 256.099); /* X #0068ee */
  --s-alt-30: oklch(0.482 0.196 256.099); /* X #0057c9 dark */
  --s-alt-20: oklch(0.415 0.169 256.099); /* X #0046a4 */ 
  --s-alt-10: oklch(0.348 0.142 256.099); /* X #003581 darker */ 
  --s-alt-05: oklch(0.282 0.115 256.099); /* X #002660 */
  /* very dark (near black) alt */
  --s-alt-0: oklch(0.215 0.087 256.099); /* X #001740 near black */  
/* -------------------- -------------------- */
  /* accent ??? */
  /* very light (near white) acc */
  --s-acc-100: oklch(0.95 0.241 109.769); /* X #faf900 near white */
  --s-acc-95: oklch(0.953 0.241 109.769); /* X #fbfa00 */
  --s-acc-90: oklch(0.956 0.242 109.769); /* X #fcfb00 lighter */
  --s-acc-80: oklch(0.959 0.243 109.769); /* X #fdfc00 */
  --s-acc-70: oklch(0.962 0.243 109.769); /* X #fefd00 light */
  --s-acc-60: oklch(0.965 0.227 109.769); /* X #fffe00 */
  --s-acc-50: oklch(0.968 0.211 109.769); /* #ffff00 accent */
  --s-acc-40: oklch(0.901 0.228 109.769); /* X #e9e800 */
  --s-acc-30: oklch(0.835 0.211 109.769); /* X #d3d200 dark */
  --s-acc-20: oklch(0.768 0.194 109.769); /* X #bdbc00 */
  --s-acc-10: oklch(0.701 0.178 109.769); /* Y #a7a600 darker */
  --s-acc-05: oklch(0.635 0.161 109.769); /* X #929100 */
  /* very dark (near black) acc */
  --s-acc-0: oklch(0.568 0.144 109.769); /* X #7d7c00 near black */
}
/* color palette vibgyor blue | */
/* -------------------- -------------------- -------------------- */
/* | color palette vibgyor green */
:root,
[data-s-theme='green'] {
  /* base */
  --s-base-100: oklch(0.95 0.091 142.495); /* #ccffc7; near white */
  --s-base-95: oklch(0.936 0.119 142.495); /* #bbffb5; */
  --s-base-90: oklch(0.922 0.15 142.495); /* #a8ffa1; lighter */
  --s-base-80: oklch(0.908 0.182 142.495); /* #93ff8b; */
  --s-base-70: oklch(0.894 0.217 142.495); /* #7aff72; light */
  --s-base-60: oklch(0.88 0.254 142.495); /* #58ff50; */
  --s-base-50: oklch(0.86644 0.294827 142.4953); /* #00ff00; base */
  --s-base-40: oklch(0.8 0.286 142.495); /* P3 #00e700; */
  --s-base-30: oklch(0.733 0.262 142.495); /* P3 #00ce00; dark */
  --s-base-20: oklch(0.666 0.238 142.495); /* P3 #00b500; */
  --s-base-10: oklch(0.6 0.214 142.495); /* P3 #009d00; darker */
  --s-base-05: oklch(0.533 0.191 142.495); /* P3 #008600; */
  --s-base-0: oklch(0.466 0.167 142.495); /* P3 #006f00; near black */
  /* alternate */
  --s-alt-100: ; /* ; near white */
  --s-alt-95: ; /* ; */
  --s-alt-90: ; /* ; lighter */
  --s-alt-80: ; /* ; */
  --s-alt-70: ; /* ; light */
  --s-alt-60: ; /* ; */
  --s-alt-50: ; /* ; alternate */
  --s-alt-40: ; /* ; */
  --s-alt-30: ; /* ; dark */
  --s-alt-20: ; /* ; */
  --s-alt-10: ; /* ; darker */
  --s-alt-05: ; /* ; */
  --s-alt-0: ; /* ; near black */
  /* accent */
  --s-acc-100: ; /* ; near white */
  --s-acc-95: ; /* ; */
  --s-acc-90: ; /* ; lighter */
  --s-acc-80: ; /* ; */
  --s-acc-70: ; /* ; light */
  --s-acc-60: ; /* ; */
  --s-acc-50: ; /* ; accent */
  --s-acc-40: ; /* ; */
  --s-acc-30: ; /* ; dark */
  --s-acc-20: ; /* ; */
  --s-acc-10: ; /* ; darker */
  --s-acc-05: ; /* ; */
  --s-acc-0: ; /* ; near black */
}
/* VIBGYOR Color Green Palette | */
/* -------------------- -------------------- -------------------- */
/* | VIBGYOR Color Yellow Palette */
:root,
[data-s-theme='yellow'] {
  /* base */
  --s-base-100: oklch(0.95 0.241 109.769); /* P3 #faf900; near white */
  --s-base-95: oklch(0.953 0.241 109.769); /* P3 #fbfa00; */
  --s-base-90: oklch(0.956 0.242 109.769); /* P3 #fcfb00; lighter */
  --s-base-80: oklch(0.959 0.243 109.769); /* P3 #fdfc00; */
  --s-base-70: oklch(0.962 0.243 109.769); /* P3 #fefd00; light */
  --s-base-60: oklch(0.965 0.227 109.769); /* P3 #fffe00; */
  --s-base-50: oklch(0.968 0.211 109.769); /* #ffff00; base */
  --s-base-40: oklch(0.901 0.228 109.769); /* P3 #e9e800; */
  --s-base-30: oklch(0.835 0.211 109.769); /* P3 #d3d200; dark */
  --s-base-20: oklch(0.768 0.194 109.769); /* P3 #bdbc00; */
  --s-base-10: oklch(0.701 0.178 109.769); /* REC #a7a600; darker */
  --s-base-05: oklch(0.635 0.161 109.769); /* P3 #929100; */
  --s-base-0: oklch(0.568 0.144 109.769); /* P3 #7d7c00; near black */
  /* alternate */
  --s-alt-100: ; /* ; near white */
  --s-alt-95: ; /* ; */
  --s-alt-90: ; /* ; lighter */
  --s-alt-80: ; /* ; */
  --s-alt-70: ; /* ; light */
  --s-alt-60: ; /* ; */
  --s-alt-50: ; /* ; alternate */
  --s-alt-40: ; /* ; */
  --s-alt-30: ; /* ; dark */
  --s-alt-20: ; /* ; */
  --s-alt-10: ; /* ; darker */
  --s-alt-05: ; /* ; */
  --s-alt-0: ; /* ; near black */
  /* accent */
  --s-acc-100: ; /* ; near white */
  --s-acc-95: ; /* ; */
  --s-acc-90: ; /* ; lighter */
  --s-acc-80: ; /* ; */
  --s-acc-70: ; /* ; light */
  --s-acc-60: ; /* ; */
  --s-acc-50: ; /* ; accent */
  --s-acc-40: ; /* ; */
  --s-acc-30: ; /* ; dark */
  --s-acc-20: ; /* ; */
  --s-acc-10: ; /* ; darker */
  --s-acc-05: ; /* ; */
  --s-acc-0: ; /* ; near black */
}
/* VIBGYOR Color Yellow Palette | */
/* -------------------- -------------------- -------------------- */
/* | VIBGYOR Color Orange Palette */
:root,
[data-s-theme='orange'] {
  /* base */
  --s-base-100: oklch(0.95 0.032 52.568); /* P3 #ffe9db; near white */
  --s-base-95: oklch(0.913 0.057 52.568); /* P3 #ffd9c0; */
  --s-base-90: oklch(0.877 0.084 52.568); /* P3 #ffc8a3; lighter */
  --s-base-80: oklch(0.84 0.112 52.568); /* P3 #ffb685; */
  --s-base-70: oklch(0.804 0.142 52.568); /* P3 #ffa363; light */
  --s-base-60: oklch(0.767 0.173 52.568); /* P3 #ff8f37; */
  --s-base-50: oklch(0.7304 0.1864 52.578); /* #ff7f00; base */
  --s-base-40: oklch(0.664 0.169 52.568); /* #e16f02; */
  --s-base-30: oklch(0.597 0.152 52.568); /* #c36001; dark */
  --s-base-20: oklch(0.53 0.135 52.568); /* #a65101; */
  --s-base-10: oklch(0.464 0.118 52.568); /* #8a4201; darker */
  --s-base-05: oklch(0.397 0.101 52.568); /* #6f3400; */
  --s-base-0: oklch(0.33 0.084 52.568); /* #562600; near black */
  /* alternate */
  --s-alt-100: ; /* ; near white */
  --s-alt-95: ; /* ; */
  --s-alt-90: ; /* ; lighter */
  --s-alt-80: ; /* ; */
  --s-alt-70: ; /* ; light */
  --s-alt-60: ; /* ; */
  --s-alt-50: ; /* ; alternate */
  --s-alt-40: ; /* ; */
  --s-alt-30: ; /* ; dark */
  --s-alt-20: ; /* ; */
  --s-alt-10: ; /* ; darker */
  --s-alt-05: ; /* ; */
  --s-alt-0: ; /* ; near black */
  /* accent */
  --s-acc-100: ; /* ; near white */
  --s-acc-95: ; /* ; */
  --s-acc-90: ; /* ; lighter */
  --s-acc-80: ; /* ; */
  --s-acc-70: ; /* ; light */
  --s-acc-60: ; /* ; */
  --s-acc-50: ; /* ; accent */
  --s-acc-40: ; /* ; */
  --s-acc-30: ; /* ; dark */
  --s-acc-20: ; /* ; */
  --s-acc-10: ; /* ; darker */
  --s-acc-05: ; /* ; */
  --s-acc-0: ; /* ; near black */
}
/* VIBGYOR Color Orange Palette | */
/* -------------------- -------------------- -------------------- */
/* | VIBGYOR Color Red Palette */
:root,
[data-s-theme='red'] {
  /* base */
  --s-base-100: oklch(0.95 0.029 29.234); /* P3 #ffe8e3; near white */
  --s-base-95: oklch(0.896 0.063 29.234); /* P3 #ffcec5; */
  --s-base-90: oklch(0.843 0.1 29.234); /* P3 #ffb3a6; lighter */
  --s-base-80: oklch(0.789 0.141 29.234); /* P3 #ff9585; */
  --s-base-70: oklch(0.735 0.186 29.234); /* P3 #ff7361; light */
  --s-base-60: oklch(0.682 0.235 29.234); /* P3 #ff4737; */
  --s-base-50: oklch(0.628 0.2577 29.234); /* #ff0000; base */
  --s-base-40: oklch(0.561 0.23 29.234); /* #dc0100; */
  --s-base-30: oklch(0.495 0.203 29.234); /* #ba0000; dark */
  --s-base-20: oklch(0.428 0.176 29.234); /* P3 #990000; */
  --s-base-10: oklch(0.361 0.148 29.23); /* #790000; darker */
  --s-base-05: oklch(0.295 0.121 29.234); /* #5b0000; */
  --s-base-0: oklch(0.228 0.094 29.234); /* P3 #3e0000; near black */
  /* alternate */
  --s-alt-100: ; /* ; near white */
  --s-alt-95: ; /* ; */
  --s-alt-90: ; /* ; lighter */
  --s-alt-80: ; /* ; */
  --s-alt-70: ; /* ; light */
  --s-alt-60: ; /* ; */
  --s-alt-50: ; /* ; alternate */
  --s-alt-40: ; /* ; */
  --s-alt-30: ; /* ; dark */
  --s-alt-20: ; /* ; */
  --s-alt-10: ; /* ; darker */
  --s-alt-05: ; /* ; */
  --s-alt-0: ; /* ; near black */
  /* accent */
  --s-acc-100: ; /* ; near white */
  --s-acc-95: ; /* ; */
  --s-acc-90: ; /* ; lighter */
  --s-acc-80: ; /* ; */
  --s-acc-70: ; /* ; light */
  --s-acc-60: ; /* ; */
  --s-acc-50: ; /* ; accent */
  --s-acc-40: ; /* ; */
  --s-acc-30: ; /* ; dark */
  --s-acc-20: ; /* ; */
  --s-acc-10: ; /* ; darker */
  --s-acc-05: ; /* ; */
  --s-acc-0: ; /* ; near black */
}
/* VIBGYOR Color Red Palette | */
/* -------------------- -------------------- -------------------- */
/* | Color Gray Palette */
:root,
[data-s-theme='gray'] {
  /* base */
  --s-base-100: oklch(0.95 0 0); /* #eeeeee; near white */
  --s-base-95: oklch(0.892 0 0); /* #dbdbdb; */
  --s-base-90: oklch(0.833 0 0); /* #c8c8c8; lighter */
  --s-base-80: oklch(0.775 0 0); /* #b6b6b6; */
  --s-base-70: oklch(0.717 0 0); /* #a3a3a3; light */
  --s-base-60: oklch(0.658 0 0); /* oklch(0.658 0 0); */
  --s-base-50: oklch(0.5999 0 0); /* #808080; base */
  --s-base-40: oklch(0.533 0 0); /* #6c6c6c; */
  --s-base-30: oklch(0.467 0 0); /* #5a5a5a; dark */
  --s-base-20: oklch(0.4 0 0); /* #484848; */
  --s-base-10: oklch(0.333 0 0); /* #363636; darker */
  --s-base-05: oklch(0.267 0 0); /* #262626; */
  --s-base-0: oklch(0.2 0 0); /* #161616; near black */
  /* alternate */
  --s-alt-100: ; /* ; near white */
  --s-alt-95: ; /* ; */
  --s-alt-90: ; /* ; lighter */
  --s-alt-80: ; /* ; */
  --s-alt-70: ; /* ; light */
  --s-alt-60: ; /* ; */
  --s-alt-50: ; /* ; alternate */
  --s-alt-40: ; /* ; */
  --s-alt-30: ; /* ; dark */
  --s-alt-20: ; /* ; */
  --s-alt-10: ; /* ; darker */
  --s-alt-05: ; /* ; */
  --s-alt-0: ; /* ; near black */
  /* accent */
  --s-acc-100: ; /* ; near white */
  --s-acc-95: ; /* ; */
  --s-acc-90: ; /* ; lighter */
  --s-acc-80: ; /* ; */
  --s-acc-70: ; /* ; light */
  --s-acc-60: ; /* ; */
  --s-acc-50: ; /* ; accent */
  --s-acc-40: ; /* ; */
  --s-acc-30: ; /* ; dark */
  --s-acc-20: ; /* ; */
  --s-acc-10: ; /* ; darker */
  --s-acc-05: ; /* ; */
  --s-acc-0: ; /* ; near black */
}
/* Color Gray Palette | */
/* -------------------- -------------------- -------------------- */
/* | Color Silver Palette */
:root,
[data-s-theme='silver'] {
  /* base */
  --s-base-100: oklch(0.95 0 0); /* #eeeeee; near white */
  --s-base-95: oklch(0.926 0 0); /* #e6e6e6; */
  --s-base-90: oklch(0.903 0 0); /* #dfdfdf; lighter */
  --s-base-80: oklch(0.879 0 0); /* #d7d7d7; */
  --s-base-70: oklch(0.855 0 0); /* #cfcfcf; light */
  --s-base-60: oklch(0.831 0 0); /* #c7c7c7; */
  --s-base-50: oklch(0.8078 0 0); /* #c0c0c0; base */
  --s-base-40: oklch(0.741 0 0); /* #ababab; */
  --s-base-30: oklch(0.674 0 0); /* #969696; dark */
  --s-base-20: oklch(0.608 0 0); /* #828282; */
  --s-base-10: oklch(0.541 0 0); /* #6f6f6f; darker */
  --s-base-05: oklch(0.474 0 0); /* #5c5c5c; */
  --s-base-0: oklch(0.408 0 0); /* #4a4a4a; near black */
  /* alternate */
  --s-alt-100: ; /* ; near white */
  --s-alt-95: ; /* ; */
  --s-alt-90: ; /* ; lighter */
  --s-alt-80: ; /* ; */
  --s-alt-70: ; /* ; light */
  --s-alt-60: ; /* ; */
  --s-alt-50: ; /* ; alternate */
  --s-alt-40: ; /* ; */
  --s-alt-30: ; /* ; dark */
  --s-alt-20: ; /* ; */
  --s-alt-10: ; /* ; darker */
  --s-alt-05: ; /* ; */
  --s-alt-0: ; /* ; near black */
  /* accent */
  --s-acc-100: ; /* ; near white */
  --s-acc-95: ; /* ; */
  --s-acc-90: ; /* ; lighter */
  --s-acc-80: ; /* ; */
  --s-acc-70: ; /* ; light */
  --s-acc-60: ; /* ; */
  --s-acc-50: ; /* ; accent */
  --s-acc-40: ; /* ; */
  --s-acc-30: ; /* ; dark */
  --s-acc-20: ; /* ; */
  --s-acc-10: ; /* ; darker */
  --s-acc-05: ; /* ; */
  --s-acc-0: ; /* ; near black */
}
/* Color Silver Palette | */
/* -------------------- -------------------- -------------------- */
/* | Color Gold Palette */
:root,
[data-s-theme='gold'] {
  /* base */
  --s-base-100: oklch(0.95 0.084 95.33); /* P3 #ffefae; near white */
  --s-base-95: oklch(0.939 0.102 95.33); /* P3 #ffeb9b; */
  --s-base-90: oklch(0.929 0.119 95.33); /* P3 #ffe788; lighter */
  --s-base-80: oklch(0.918 0.137 95.33); /* P3 #ffe371; */
  --s-base-70: oklch(0.908 0.155 95.33); /* P3 #ffdf57; light */
  --s-base-60: oklch(0.897 0.172 95.33); /* P3 #ffdb34; */
  --s-base-50: oklch(0.886771 0.182186 95.3305); /* #ffd700; base */
  --s-base-40: oklch(0.82 0.168 95.33); /* #e6c204; */
  --s-base-30: oklch(0.753 0.155 95.33); /* P3 #cdad00; dark */
  --s-base-20: oklch(0.687 0.141 95.33); /* #b59801; */
  --s-base-10: oklch(0.62 0.127 95.33); /* #9e8402; darker */
  --s-base-05: oklch(0.553 0.114 95.33); /* P3 #877100; */
  --s-base-0: oklch(0.487 0.1 95.33); /* #715e00; near black */
  /* alternate */
  --s-alt-100: ; /* ; near white */
  --s-alt-95: ; /* ; */
  --s-alt-90: ; /* ; lighter */
  --s-alt-80: ; /* ; */
  --s-alt-70: ; /* ; light */
  --s-alt-60: ; /* ; */
  --s-alt-50: ; /* ; alternate */
  --s-alt-40: ; /* ; */
  --s-alt-30: ; /* ; dark */
  --s-alt-20: ; /* ; */
  --s-alt-10: ; /* ; darker */
  --s-alt-05: ; /* ; */
  --s-alt-0: ; /* ; near black */
  /* accent */
  --s-acc-100: ; /* ; near white */
  --s-acc-95: ; /* ; */
  --s-acc-90: ; /* ; lighter */
  --s-acc-80: ; /* ; */
  --s-acc-70: ; /* ; light */
  --s-acc-60: ; /* ; */
  --s-acc-50: ; /* ; accent */
  --s-acc-40: ; /* ; */
  --s-acc-30: ; /* ; dark */
  --s-acc-20: ; /* ; */
  --s-acc-10: ; /* ; darker */
  --s-acc-05: ; /* ; */
  --s-acc-0: ; /* ; near black */
}
/* Color Gold Palette | */
/* -------------------- -------------------- -------------------- */
/* | Color White Palette */
:root,
[data-s-theme='white'] {
  /* base */
  --s-base-100: oklch(0.95 0 0); /* #eeeeee; near white */
  --s-base-95: oklch(0.958 0 0); /* #f1f1f1; */
  --s-base-90: oklch(0.967 0 0); /* #f4f4f4; lighter */
  --s-base-80: oklch(0.975 0 0); /* #f7f7f7; */
  --s-base-70: oklch(0.983 0 0); /* #f9f9f9; light */
  --s-base-60: oklch(0.992 0 0); /* #fcfcfc; */
  --s-base-50: oklch(1 0 0); /* #fff; base */
  --s-base-40: oklch(0.933 0 0); /* #e9e9e9; */
  --s-base-30: oklch(0.867 0 0); /* #d3d3d3; dark */
  --s-base-20: oklch(0.8 0 0); /* #bebebe; */
  --s-base-10: oklch(0.733 0 0); /* #a8a8a8; darker */
  --s-base-05: oklch(0.667 0 0); /* #949494; */
  --s-base-0: oklch(0.6 0 0); /* #808080; near black */
  /* alternate */
  --s-alt-100: ; /* ; near white */
  --s-alt-95: ; /* ; */
  --s-alt-90: ; /* ; lighter */
  --s-alt-80: ; /* ; */
  --s-alt-70: ; /* ; light */
  --s-alt-60: ; /* ; */
  --s-alt-50: ; /* ; alternate */
  --s-alt-40: ; /* ; */
  --s-alt-30: ; /* ; dark */
  --s-alt-20: ; /* ; */
  --s-alt-10: ; /* ; darker */
  --s-alt-05: ; /* ; */
  --s-alt-0: ; /* ; near black */
  /* accent */
  --s-acc-100: ; /* ; near white */
  --s-acc-95: ; /* ; */
  --s-acc-90: ; /* ; lighter */
  --s-acc-80: ; /* ; */
  --s-acc-70: ; /* ; light */
  --s-acc-60: ; /* ; */
  --s-acc-50: ; /* ; accent */
  --s-acc-40: ; /* ; */
  --s-acc-30: ; /* ; dark */
  --s-acc-20: ; /* ; */
  --s-acc-10: ; /* ; darker */
  --s-acc-05: ; /* ; */
  --s-acc-0: ; /* ; near black */
}
/* Color White Palette | */
/* -------------------- -------------------- -------------------- */
/* | Color Black Palette */
:root,
[data-s-theme='black'] {
  /* base */
  --s-base-100: oklch(0.4 0 0); /* #484848; near white */
  --s-base-95: oklch(0.333 0 0); /* #363636; */
  --s-base-90: oklch(0.267 0 0); /* #262626; lighter */
  --s-base-80: oklch(0.2 0 0); /* #161616; */
  --s-base-70: oklch(0.133 0 0); /* #080808; light */
  --s-base-60: oklch(0.067 0 0); /* #010101; */
  --s-base-50: oklch(0 0 0); /* #000000; base */
  --s-base-40: oklch(0.008 0 0); /* #000000; */
  --s-base-30: oklch(0.017 0 0); /* #000000; dark */
  --s-base-20: oklch(0.025 0 0); /* #000000; */
  --s-base-10: oklch(0.033 0 0); /* #000000; darker */
  --s-base-05: oklch(0.042 0 0); /* #000000; */
  --s-base-0: oklch(0.05 0 0); /* #000000; near black */
  /* alternate */
  --s-alt-100: ; /* ; near white */
  --s-alt-95: ; /* ; */
  --s-alt-90: ; /* ; lighter */
  --s-alt-80: ; /* ; */
  --s-alt-70: ; /* ; light */
  --s-alt-60: ; /* ; */
  --s-alt-50: ; /* ; alternate */
  --s-alt-40: ; /* ; */
  --s-alt-30: ; /* ; dark */
  --s-alt-20: ; /* ; */
  --s-alt-10: ; /* ; darker */
  --s-alt-05: ; /* ; */
  --s-alt-0: ; /* ; near black */
  /* accent */
  --s-acc-100: ; /* ; near white */
  --s-acc-95: ; /* ; */
  --s-acc-90: ; /* ; lighter */
  --s-acc-80: ; /* ; */
  --s-acc-70: ; /* ; light */
  --s-acc-60: ; /* ; */
  --s-acc-50: ; /* ; accent */
  --s-acc-40: ; /* ; */
  --s-acc-30: ; /* ; dark */
  --s-acc-20: ; /* ; */
  --s-acc-10: ; /* ; darker */
  --s-acc-05: ; /* ; */
  --s-acc-0: ; /* ; near black */
}
/* Color Black Palette | */
/* -------------------- -------------------- -------------------- */
/* | color palette alert */
:root,
[data-s-theme='alert'] {
  /* information */
  --s-info-100: oklch(0.95 0.03 218.055); /* #d9f4fc; near white */
  --s-info-95: oklch(0.921 0.047 218.055); /* #c3edfa; */
  --s-info-90: oklch(0.892 0.065 218.055); /* #abe7f8; lighter */
  --s-info-80: oklch(0.862 0.084 218.055); /* #90e0f6; */
  --s-info-70: oklch(0.833 0.102 218.055); /* #74d9f4; light */
  --s-info-60: oklch(0.804 0.121 218.055); /* #4fd2f3; */
  --s-info-50: oklch(0.775 0.138 218.055); /* #0dcaf0; information */
  --s-info-40: oklch(0.708 0.126 218.055); /* #0bb3d5; */
  --s-info-30: oklch(0.642 0.114 218.055); /* #0a9dbb; dark */
  --s-info-20: oklch(0.575 0.102 218.055); /* #0787a1; */
  --s-info-10: oklch(0.508 0.09 218.055); /* #067188; darker */
  --s-info-05: oklch(0.442 0.079 218.055); /* #015d70; */
  --s-info-0: oklch(0.375 0.067 218.06); /* #014959; near black */

  --s-info-100: oklch(0.94 0.024 257.481); /* #e1ecfc; near white */
  --s-info-95: oklch(0.873 0.053 257.481); /* #c0d7f9; */
  --s-info-90: oklch(0.807 0.082 257.481); /* #9fc2f5; lighter */
  --s-info-80: oklch(0.74 0.113 257.481); /* #7dadf2; */
  --s-info-70: oklch(0.673 0.144 257.481); /* #5a96ed; light */
  --s-info-60: oklch(0.607 0.178 257.481); /* #327fea; */
  --s-info-50: oklch(0.5399 0.1906 257.481); /* #0969da; information */
  --s-info-40: oklch(0.473 0.167 257.481); /* #0657b7; */
  --s-info-30: oklch(0.407 0.144 257.481); /* #034695; dark */
  --s-info-20: oklch(0.34 0.12 257.481); /* #023574; */
  --s-info-10: oklch(0.273 0.096 257.481); /* #012555; darker */
  --s-info-05: oklch(0.207 0.073 257.481); /* #011638; */
  --s-info-0: oklch(0.14 0.049 257.481); /* #00081d; near black */
  /* warning */
  --s-warn-100: oklch(0.95 0.056 84.934); /* P3 #ffecc4; near white */
  --s-warn-95: oklch(0.932 0.077 84.934); /* P3 #ffe5ae; */
  --s-warn-90: oklch(0.915 0.098 84.934); /* P3 #ffde96; lighter */
  --s-warn-80: oklch(0.897 0.119 84.934); /* P3 #ffd77d; */
  --s-warn-70: oklch(0.879 0.14 84.934); /* P3 #ffcf60; light */
  --s-warn-60: oklch(0.862 0.162 84.934); /* P3 #ffc837; */
  --s-warn-50: oklch(0.844171 0.172159 84.9338); /* #ffc107; warning */
  --s-warn-40: oklch(0.778 0.159 84.934); /* #e5ad03; */
  --s-warn-30: oklch(0.711 0.145 84.934); /* #cb9904; dark */
  --s-warn-20: oklch(0.644 0.131 84.934); /* #b28605; */
  --s-warn-10: oklch(0.578 0.118 84.934); /* #9a7302; darker */
  --s-warn-05: oklch(0.511 0.104 84.934); /* #826102; */
  --s-warn-0: oklch(0.444 0.091 84.934); /* #6b4f00; near black */

  --s-warn-100: oklch(0.95 0.044 75.008); /* P3 #ffebcf; near white */
  --s-warn-95: oklch(0.884 0.107 75.008); /* P3 #ffcf87; */
  --s-warn-90: oklch(0.818 0.173 75.008); /* P3 #ffb000; lighter */
  --s-warn-80: oklch(0.752 0.159 75.008); /* P3 #e89d00; */
  --s-warn-70: oklch(0.686 0.145 75.008); /* P3 #cd8b00; light */
  --s-warn-60: oklch(0.62 0.131 75.008); /* P3 #cd8b00; */
  --s-warn-50: oklch(0.554 0.117 75.008); /* P3 #9a6700; warning */
  --s-warn-40: oklch(0.488 0.103 75.008); /* P3 #815600; */
  --s-warn-30: oklch(0.421 0.089 75.008); /* P3 #694500; dark */
  --s-warn-20: oklch(0.354 0.075 75.008); /* P3 #523500; */
  --s-warn-10: oklch(0.288 0.061 75.008); /* P3 #3c2600; darker */
  --s-warn-05: oklch(0.221 0.047 75.008); /* P3 #271700; */
  --s-warn-0: oklch(0.154 0.033 75.008); /* P3 #140a00; near black */
  /* error */
  --s-err-100: oklch(0.95 0.024 21.239); /* #fee9e7; near white */
  --s-err-95: oklch(0.89 0.056 21.239); /* #fecdcb; */
  --s-err-90: oklch(0.831 0.092 21.239); /* #feb0ae; lighter */
  --s-err-80: oklch(0.771 0.131 21.239); /* #fd9190; */
  --s-err-70: oklch(0.711 0.175 21.239); /* #fc6d70; light */
  --s-err-60: oklch(0.651 0.222 21.239); /* #fa3e50; */
  --s-err-50: oklch(0.592 0.202 21.239); /* #dc3545; error */
  --s-err-40: oklch(0.525 0.179 21.239); /* #bb2c3a; */
  --s-err-30: oklch(0.458 0.156 21.239); /* #9c232e; dark */
  --s-err-20: oklch(0.392 0.134 21.239); /* #7e1a24; */
  --s-err-10: oklch(0.325 0.111 21.239); /* #611219; darker */
  --s-err-05: oklch(0.258 0.088 21.239); /* #450a0f; */
  --s-err-0: oklch(0.192 0.065 21.239); /* #2b0407; near black */

  --s-err-100: oklch(0.95 0.026 24.525); /* P3 #ffe8e6; near white */
  --s-err-95: oklch(0.884 0.065 24.525); /* P3 #ffc9c4; */
  --s-err-90: oklch(0.817 0.108 24.525); /* P3 #ffa7a0; lighter */
  --s-err-80: oklch(0.751 0.156 24.525); /* P3 #ff827c; */
  --s-err-70: oklch(0.684 0.211 24.525); /* P3 #ff5353; light */
  --s-err-60: oklch(0.618 0.23 24.525); /* #f12937; */
  --s-err-50: oklch(0.552 0.205 24.525); /* #cf222e; error */
  --s-err-40: oklch(0.485 0.18 24.525); /* #ae1b25; */
  --s-err-30: oklch(0.418 0.156 24.525); /* #8e131c; dark */
  --s-err-20: oklch(0.352 0.131 24.525); /* #700d14; */
  --s-err-10: oklch(0.285 0.106 24.525); /* #53070c; darker */
  --s-err-05: oklch(0.218 0.081 24.525); /* #370306; */
  --s-err-0: oklch(0.152 0.056 24.525); /* #1e0102; near black */
  /* success */
  --s-success-100: oklch(0.95 0.059 157.012); /* #cffbdf; near white */
  --s-success-95: oklch(0.884 0.154 157.012); /* #75f7af; */
  --s-success-90: oklch(0.817 0.183 157.012); /* #31e592; lighter */
  --s-success-80: oklch(0.751 0.168 157.012); /* #2bcd82; */
  --s-success-70: oklch(0.685 0.153 157.012); /* #25b572; light */
  --s-success-60: oklch(0.618 0.138 157.012); /* #1f9e63; */
  --s-success-50: oklch(0.552 0.1234 157.01); /* #198754; success */
  --s-success-40: oklch(0.485 0.109 157.012); /* #127145; */
  --s-success-30: oklch(0.419 0.094 157.012); /* #0d5c37; dark */
  --s-success-20: oklch(0.352 0.079 157.012); /* #08472a; */
  --s-success-10: oklch(0.285 0.064 157.012); /* #04331d; darker */
  --s-success-05: oklch(0.219 0.049 157.012); /* #022111; */
  --s-success-0: oklch(0.152 0.034 157.012); /* #011006; near black */

  --s-success-100: oklch(0.924 0.099 148.039); /* #b9f9c1; near white */
  --s-success-95: oklch(0.858 0.215 148.039); /* #50f579; */
  --s-success-90: oklch(0.791 0.211 148.039); /* #35de66; lighter */
  --s-success-80: oklch(0.724 0.194 148.039); /* #2dc559; */
  --s-success-70: oklch(0.658 0.176 148.039); /* #27ad4e; light */
  --s-success-60: oklch(0.591 0.158 148.039); /* #209642; */
  --s-success-50: oklch(0.524 0.14 148.039); /* #1a7f37; success */
  --s-success-40: oklch(0.458 0.122 148.039); /* #14692c; */
  --s-success-30: oklch(0.391 0.104 148.039); /* #0e5422; dark */
  --s-success-20: oklch(0.324 0.087 148.039); /* #083f18; */
  --s-success-10: oklch(0.258 0.069 148.039); /* #042c0e; darker */
  --s-success-05: oklch(0.191 0.051 148.039); /* #021a06; */
  --s-success-0: oklch(0.124 0.033 148.039); /* #000902; near black */
}
/* color palette alert | */
/* -------------------- -------------------- -------------------- */





















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

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

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

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

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

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

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

/* -------------------- -------------------- -------------------- */
/* swarnolata.css | */