/* ############################################################################################################################################################################ */
/* ############################################################################################################################################################################ */
/* Skye Isle Terrier Sanctuary Public Website                                                                                                                                   */
/*  • Page:                      Fonts Stylesheet (fonts.css)                                                                                                                   */
/*  • Description:               Custom @font-face declarations and themed Title- color/glow variants for fantasy-style headers and branding                                    */
/*  • Location:                  /css/fonts.css                                                                                                                                 */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/*  • Version:                   v0.0.01                                                                                                                                        */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/*  • Project Start Date:        2026-06-15                                                                                                                                     */
/*  • Last updated:              2026-06-18 @ 1728 EDT                                                                                                                          */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/*  • Author:                    by Conner Rhoads                                                                                                                               */
/*  • Official Site:             www.skyeisleterriersanctuary.com                                                                                                               */
/* ############################################################################################################################################################################ */
/* ############################################################################################################################################################################ */

/* ============================================================================================================================================================================ */
/* FONTS                                                                                                                                                                        */
/* ============================================================================================================================================================================ */

h1 { font-size: 80px !important; }
h2 { font-size: 70px !important; }
h3 { font-size: 60px !important; }
h4 { font-size: 50px !important; }
h5 { font-size: 20px !important; }
h6 { font-size: 16px !important; }

h1, h2, h3, h4, h5, h6
{
    margin-top:     0     !important;
    padding-top:    0     !important;
    margin-bottom:  2px   !important;
    padding-bottom: 0     !important;
    line-height:    1.05  !important;
}

@font-face
{
    font-family: 'CelticMD';
    src: url('/fonts/enchantedland.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Base Title class - uses Celtic MD font */
.Title
{
    font-family: 'CelticMD', serif;
    font-weight: normal;
    letter-spacing: 2px;
}

/* Colored Title Variants with glow effects to match banner aesthetic */
.Title-Amber
{
    color: #ffcc66;
    text-shadow: 0 0 8px rgba(255, 200, 80, 0.8),
                 0 0 16px rgba(255, 180, 60, 0.6);
}

.Title-Obsidian
{
    color: #1a1a1a;
    text-shadow: 0 0 10px rgba(255, 215, 0, 0.4);
}

.Title-Diamond
{
    color: #f0f0f0;
    text-shadow: 0 0 12px rgba(255, 255, 255, 0.9),
                 0 0 20px rgba(180, 220, 255, 0.6);
}

.Title-Bluetopaz
{
    color: #66ccff;
    text-shadow: 0 0 10px rgba(100, 200, 255, 0.8);
}

.Title-Kunzinite
{
    color: #ff99cc;
    text-shadow: 0 0 10px rgba(255, 140, 200, 0.7);
}

.Title-Crimson
{
    color: #cc3333;
    text-shadow: 0 0 10px rgba(255, 80, 80, 0.8);
}

.Title-Emerald
{
    color: #33cc77;
    text-shadow: 0 0 10px rgba(80, 255, 140, 0.7);
}

.Title-Amethyst
{
    color: #aa66ff;
    text-shadow: 0 0 10px rgba(180, 120, 255, 0.8);
}

.Title-Sapphire
{
    color: #3366ff;
    text-shadow: 0 0 10px rgba(100, 140, 255, 0.8);
}

.Title-Gold
{
    color: #FFA000;
    text-shadow: 0 0 12px rgba(255, 220, 80, 0.9),
                 0 0 24px rgba(255, 200, 60, 0.6);
}

.Title-Silver
{
    color: #cccccc;
    text-shadow: 0 0 10px rgba(220, 220, 255, 0.7);
}

.Title-Bronze
{
    color: #cc9966;
    text-shadow: 0 0 8px rgba(200, 140, 80, 0.8);
}

.Title-Mystic
{
    color: #88eeff;
    text-shadow: 0 0 12px rgba(120, 240, 255, 0.9),
                 0 0 22px rgba(180, 255, 255, 0.5);
}