:root {
    /* Primary Lavender*/
    --mist: #F3EBF9;
    --haze: #E4D4F0;
    --cloud: #D5BDE7;
    --bloom: #C9A8E0;
    --petal: #A87ACC; 
    --iris: #7B4FA6;
    --dusk: #5B3A7A;
    --deep: #3D2060;
    --abyss: #2A1548;

    /* Amber Accent*/
    --glow:#FFF3E0;
    --light:#FFE0B2;
    --honey:#FFCC80;
    --amber:#F5A623;
    --burnt:#D4820A;
    --umber:#8B5A00;

    /* Rose Accent*/
    --blush:#F9E4E8;
    --soft:#F0C4CC;
    --rose:#E8A4B4;
    --berry:#C46B80;
    --plum:#8B3A4A;

    --linen: #EFD9CE;

    /* Fonts */
    --font-display: 'Sofia', cursive, sans-serif;
    --font-body:    'Shantell Sans', cursive, sans-serif;

}

/*Body*/
body {
    padding-left: 20px;
    padding-right: 20px;
    background-color: var(--haze);
    color: var(--deep);
    font-family: var(--font-body);
}

h1 {
    font-family: 'Sofia';
}

#Censor_Panda {
   float: right;
   display: flex;
   align-items: center;
   margin-top: -10px;
   margin-right: -15px;
}

#back-home{
    margin-top: 10px;
    margin-bottom: 10px;
}

#header1{
    text-align:center;
    font-family: 'Sofia';
}

/*Link Colors*/
a:link    { color: var(--dusk); }
a:visited { color: var(--iris); }
a:hover   { color: var(--deep); }
a:active  { color: var(--deep); }

/*Box*/
.box {
    margin-bottom:15px;
    background-color: var(--bloom);
    border-color: #957FEF;
    border-radius: 10px;
    padding: 10px;
    font-family: var(--font-body);
}

.center-button {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Lucide Icons - ensure visibility */
[data-lucide] {
    display: inline-block;
    width: 24px;
    height: 24px;
    min-width: 16px;
    min-height: 16px;
    color: currentColor;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
}

svg[data-lucide] {
    display: inline-block !important;
    vertical-align: middle;
}