@charset "utf-8";
/* ==========================================================================
   1) NORMALIZE (kept minimal here)
   If you prefer, include full normalize via a separate file:
   @import url("normalize.css");
   ========================================================================== */

html {
  line-height: 1.15;                 /* Normalize */
  -webkit-text-size-adjust: 100%;     /* Normalize */
}

body {
  margin: 0;                          /* Normalize */
}

/* Structural elements */
main { display: block; }              /* Normalize */
hr {
  box-sizing: content-box;            /* Normalize */
  height: 0;                          /* Normalize */
  overflow: visible;                  /* Normalize */
}
pre { font-family: monospace, monospace; font-size: 1em; } /* Normalize */

/* Typography */
h1 { font-size: 2em; margin: 0.67em 0; }                   /* Normalize */
a { background-color: transparent; }                       /* Normalize */
abbr[title] {
  border-bottom: none;                                     /* Normalize */
  text-decoration: underline dotted;                       /* Normalize */
}


/* =========================
   6) CUSTOM LINK COLORS
   ========================= */
a:link    { color: blue; }
a:visited { color: purple; }
a:hover   { color: red; }
a:active  {
    color: #2725A8;
}

code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } /* Normalize */
small { font-size: 80%; }                                   /* Normalize */
sub, sup {
  font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; /* Normalize */
}
sub { bottom: -0.25em; }                                    /* Normalize */
sup { top: -0.5em; }                                        /* Normalize */

/* Images */
img { border-style: none; }                                 /* Normalize */

/* Forms */
button, input, optgroup, select, textarea {
  font: inherit;                                            /* Normalize */
  line-height: 1.15;                                        /* Normalize */
  margin: 0;                                                /* Normalize */
}
button, input { overflow: visible; }                        /* Normalize */
button, select { text-transform: none; }                    /* Normalize */
button, [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button;                               /* Normalize */
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none; padding: 0;                           /* Normalize */
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;                           /* Normalize */
}
fieldset { padding: 0.35em 0.75em 0.625em; }                /* Normalize */
legend {
  box-sizing: border-box; color: inherit; display: table; max-width: 100%;
  padding: 0; white-space: normal;                          /* Normalize */
}
progress { vertical-align: baseline; }                      /* Normalize */
textarea { overflow: auto; }                                /* Normalize */
[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } /* Normalize */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button { height: auto; } /* Normalize */
[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } /* Normalize */
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* Normalize */
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } /* Normalize */

/* Misc elements */
details { display: block; }                                 /* Normalize */
summary { display: list-item; }                             /* Normalize */
template { display: none; }                                 /* Normalize */
[hidden] { display: none; }                                 /* Normalize */

/* ==========================================================================
   2) GLOBAL RESET / UTILITIES
   ========================================================================== */

*, *::before, *::after {
  box-sizing: border-box;  /* predictable sizing everywhere */
}

/* ==========================================================================
   3) THEME VARIABLES
   ========================================================================== */

:root {
  --primary:   #0d6efd;
  --secondary: #6c757d;
  --color3:    #0dcaf0;
  --color4:    #198754;
  --white:     #ffffff;
  --light:     #f8f9fa;
  --dark:      #212529;
}

/* ==========================================================================
   4) BASE LAYOUT
   ========================================================================== */

html, body {
  min-height: 100vh;
}

/* Optional base body styling (uncomment if you want sane defaults)
body {
  color: var(--dark);
  background-color: var(--light);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue",
               Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji",
               "Segoe UI Emoji";
  line-height: 1.5;
}
*/

/* ==========================================================================
   5) OPTIONAL HELPERS (add as you need)
   ========================================================================== */

/* .text-primary   { color: var(--primary); }
.text-secondary { color: var(--secondary); }
.bg-light       { background-color: var(--light); }
.bg-dark        { background-color: var(--dark); color: var(--white); }
.container      { width: min(100% - 2rem, 1200px); margin-inline: auto; } */