\/* SillyLaird Guestbook - Light Mode (NO BLACK ANYWHERE) */

/* Page Background */
body {
    background: #ffd;                  /* warm yellow */
    color: #3a2a00;                    /* dark warm brown for readability */
    font-family: "Source Code Pro", monospace;
    margin: 0;
    padding: 20px;
}

/* Title */
h1 {
    color: #ff4444;                    /* signature red */
    text-align: center;
    margin-bottom: 25px;
    font-weight: 700;
}

/* Main Guestbook Container */
.guestbook-container {
    max-width: 900px;
    margin: 0 auto;
    background: #ffe;                  /* soft cream */
    padding: 20px;
    border: 1px solid #e6d48f;         /* soft gold border */
    border-radius: 4px;
}

/* Inputs & Textarea */
form input,
form textarea {
    width: 100%;
    background: #fff9d9;               /* pale soft yellow */
    border: 1px solid #d6c37a;
    color: #3a2a00;                    /* warm readable text */
    padding: 10px;
    margin-bottom: 12px;
    border-radius: 4px;
}

/* Input Focus */
form input:focus,
form textarea:focus {
    outline: none;
    border-color: #ff4444;             /* red focus ring */
}

/* Submit Button */
form button {
    background: #ff4444;
    border: none;
    padding: 12px 18px;
    color: #fff2d2;                    /* soft light text instead of black */
    font-weight: bold;
    cursor: pointer;
    border-radius: 4px;
}

form button:hover {
    background: #cc0000;
}

/* Individual Message Entry */
.entry {
    background: #fff7cc;               /* light buttery tone */
    border: 1px solid #e6d48f;
    padding: 15px;
    margin-top: 15px;
    border-radius: 4px;
    color: #3a2a00;                    /* readable warm text */
}

/* Name */
.entry strong {
    color: #ff4444;
}

/* Timestamp */
.entry time {
    float: right;
    color: #7c6b33;                    /* muted golden brown */
    font-size: 12px;
}

/* Divider Line */
hr {
    border: 0;
    border-top: 1px solid #e6d48f;
    margin: 25px 0;
}

/* Links */
a {
    color: #3a2a00;                    /* dark warm brown */
    text-decoration: none;
}

a:hover {
    color: #ff4444;
}