/* ==========================================================================
   NEON CUSTOM SIGN — FONT LIBRARY
   ========================================================================== */

/* ============ PART 1: GOOGLE FONTS (READY TO USE) ============ */

@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&family=Meow+Script&family=Sacramento&family=Julius+Sans+One&family=Montserrat:wght@400;600&family=Bungee&family=Bungee+Outline&family=Press+Start+2P&family=Special+Elite&family=Allura&family=Dancing+Script&family=Pacifico&family=Lobster&family=Permanent+Marker&family=Audiowide&family=Orbitron:wght@400;700&family=Russo+One&family=Black+Ops+One&family=Major+Mono+Display&family=Monoton&family=Wallpoet&family=Tourney&family=Bowlby+One&family=Faster+One&family=Codystar&family=Iceberg&family=Bungee+Shade&family=Modak&family=Rampart+One&family=Caveat:wght@400;700&family=Satisfy&family=Kaushan+Script&family=Open+Sans:wght@300;400;600;700&family=Playfair+Display&family=Alegreya&family=Source+Sans+3&family=Carlito&family=Courier+Prime&family=Mate&family=Bebas+Neue&family=Tinos&family=Cherry+Bomb+One&family=VT323&display=swap');


/* ============ PART 2: CUSTOM FONT-FACE DECLARATIONS ============
   ✅ = uploaded to /public/fonts/
   Commented-out entries fall back to Google Fonts (Part 3).
   ============================================================== */

/* ✅ Uploaded */
@font-face { font-family: 'Autography';   src: url('/fonts/Autography.otf')   format('opentype'); font-display: swap; }
@font-face { font-family: 'Autumn';       src: url('/fonts/Autumn.ttf')       format('truetype'); font-display: swap; }
@font-face { font-family: 'Bounce';       src: url('/fonts/Bounce.otf')       format('opentype'); font-display: swap; }
@font-face { font-family: 'Candy';        src: url('/fonts/Candy.ttf')        format('truetype'); font-display: swap; }
@font-face { font-family: 'Cetary';       src: url('/fonts/Cetary.ttf')       format('truetype'); font-display: swap; }
@font-face { font-family: 'HelveticaPunk';src: url('/fonts/Helvetica.ttf')    format('truetype'); font-display: swap; }
@font-face { font-family: 'Kekasih';      src: url('/fonts/Kekasih.ttf')      format('truetype'); font-display: swap; }
@font-face { font-family: 'Knots';        src: url('/fonts/Knots.otf')        format('opentype'); font-display: swap; }
@font-face { font-family: 'LaRoux';       src: url('/fonts/LaRoux.ttf')       format('truetype'); font-display: swap; }
@font-face { font-family: 'LetterBlocks'; src: url('/fonts/LetterBlocks.ttf') format('truetype'); font-display: swap; }
@font-face { font-family: 'Library';      src: url('/fonts/Library.otf')      format('opentype'); font-display: swap; }
@font-face { font-family: 'Maiden';       src: url('/fonts/Maiden.ttf')       format('truetype'); font-display: swap; }
@font-face { font-family: 'Trooper';      src: url('/fonts/Trooper.ttf')      format('truetype'); font-display: swap; }

/* ✅ Uploaded */
@font-face { font-family: 'Howkins';       src: url('/fonts/Howkins.ttf')       format('truetype'); font-display: swap; }
@font-face { font-family: 'VintageMachine'; src: url('/fonts/VintageMachine.otf') format('opentype'); font-display: swap; }

/* ❌ Not yet uploaded — falls back to Google Fonts */
/* @font-face { font-family: 'UrfaHeavy';      src: url('/fonts/UrfaHeavy.ttf')      format('truetype'); font-display: swap; } */
/* @font-face { font-family: 'UrfaHeavyItalic';src: url('/fonts/UrfaHeavyItalic.ttf')format('truetype'); font-display: swap; } */
/* @font-face { font-family: 'Binnern';        src: url('/fonts/Binnern.ttf')        format('truetype'); font-display: swap; } */
/* @font-face { font-family: 'Postbus';        src: url('/fonts/Postbus.ttf')        format('truetype'); font-display: swap; } */
/* @font-face { font-family: 'Ckickper';       src: url('/fonts/Ckickper.ttf')       format('truetype'); font-display: swap; } */
/* @font-face { font-family: 'Lkredit';        src: url('/fonts/Lkredit.ttf')        format('truetype'); font-display: swap; } */
/* @font-face { font-family: 'Supply';         src: url('/fonts/Supply.ttf')         format('truetype'); font-display: swap; } */
/* @font-face { font-family: 'Kalender';       src: url('/fonts/Kalender.ttf')       format('truetype'); font-display: swap; } */
/* @font-face { font-family: 'NasaR';          src: url('/fonts/NasaR.ttf')          format('truetype'); font-display: swap; } */
/* @font-face { font-family: 'Login';          src: url('/fonts/Login.ttf')          format('truetype'); font-display: swap; } */
/* @font-face { font-family: 'Bulletin';       src: url('/fonts/Bulletin.ttf')       format('truetype'); font-display: swap; } */
/* @font-face { font-family: 'Libby';          src: url('/fonts/Libby.ttf')          format('truetype'); font-display: swap; } */
/* @font-face { font-family: 'College';        src: url('/fonts/College.ttf')        format('truetype'); font-display: swap; } */
/* @font-face { font-family: 'Henner';         src: url('/fonts/Henner.ttf')         format('truetype'); font-display: swap; } */
/* @font-face { font-family: 'Boxi';           src: url('/fonts/Boxi.ttf')           format('truetype'); font-display: swap; } */
/* @font-face { font-family: 'Cool';           src: url('/fonts/Cool.ttf')           format('truetype'); font-display: swap; } */
/* @font-face { font-family: 'Blenda';         src: url('/fonts/Blenda.ttf')         format('truetype'); font-display: swap; } */
/* @font-face { font-family: 'Halaney';        src: url('/fonts/Halaney.ttf')        format('truetype'); font-display: swap; } */
/* @font-face { font-family: 'Rustie';         src: url('/fonts/Rustie.ttf')         format('truetype'); font-display: swap; } */
/* @font-face { font-family: 'PostBox';        src: url('/fonts/PostBox.ttf')        format('truetype'); font-display: swap; } */
/* @font-face { font-family: 'Quilla';      src: url('/fonts/Quilla.ttf')      format('truetype'); font-display: swap; } */
/* @font-face { font-family: 'Nickainly';   src: url('/fonts/Nickainly.ttf')   format('truetype'); font-display: swap; } */
/* @font-face { font-family: 'Berlin';      src: url('/fonts/BerlinSans.ttf')  format('truetype'); font-display: swap; } */
/* @font-face { font-family: 'Haxtron';     src: url('/fonts/Haxtron.ttf')     format('truetype'); font-display: swap; } */
/* @font-face { font-family: 'HandScript';  src: url('/fonts/HandScript.ttf')  format('truetype'); font-display: swap; } */
/* @font-face { font-family: 'Loretto';     src: url('/fonts/Loretto.ttf')     format('truetype'); font-display: swap; } */
/* @font-face { font-family: 'Brooklyn';    src: url('/fonts/Brooklyn.ttf')    format('truetype'); font-display: swap; } */
/* @font-face { font-family: 'Valentine';   src: url('/fonts/Valentine.ttf')   format('truetype'); font-display: swap; } */
/* @font-face { font-family: 'ClipGlyph';   src: url('/fonts/ClipGlyph.ttf')   format('truetype'); font-display: swap; } */
/* @font-face { font-family: 'Looker';      src: url('/fonts/Looker.ttf')      format('truetype'); font-display: swap; } */
/* @font-face { font-family: 'Ellen';       src: url('/fonts/Ellen.ttf')       format('truetype'); font-display: swap; } */
/* @font-face { font-family: 'Beon';        src: url('/fonts/Beon.ttf')        format('truetype'); font-display: swap; } */
/* @font-face { font-family: 'Titania';     src: url('/fonts/Titania.ttf')     format('truetype'); font-display: swap; } */
/* @font-face { font-family: 'KOne';        src: url('/fonts/KOne.ttf')        format('truetype'); font-display: swap; } */
/* @font-face { font-family: 'TeUranium';   src: url('/fonts/TeUranium.ttf')   format('truetype'); font-display: swap; } */
/* @font-face { font-family: 'Haviland';    src: url('/fonts/Haviland.ttf')    format('truetype'); font-display: swap; } */
/* @font-face { font-family: 'SciFi';       src: url('/fonts/SciFi.ttf')       format('truetype'); font-display: swap; } */
/* @font-face { font-family: 'Portico';     src: url('/fonts/Portico.ttf')     format('truetype'); font-display: swap; } */
/* @font-face { font-family: 'Coriff';      src: url('/fonts/Coriff.ttf')      format('truetype'); font-display: swap; } */
/* @font-face { font-family: 'Dome';        src: url('/fonts/Dome.ttf')        format('truetype'); font-display: swap; } */
/* @font-face { font-family: 'Foundary';    src: url('/fonts/Foundary.ttf')    format('truetype'); font-display: swap; } */
/* @font-face { font-family: 'NightLight';  src: url('/fonts/NightLight.ttf')  format('truetype'); font-display: swap; } */
/* @font-face { font-family: 'Tetris';      src: url('/fonts/Tetris.ttf')      format('truetype'); font-display: swap; } */
/* @font-face { font-family: 'Helios';      src: url('/fonts/Helios.ttf')      format('truetype'); font-display: swap; } */
/* @font-face { font-family: 'Modam';       src: url('/fonts/Modam.ttf')       format('truetype'); font-display: swap; } */
/* @font-face { font-family: 'NeonNeon';    src: url('/fonts/NeonNeon.ttf')    format('truetype'); font-display: swap; } */
/* @font-face { font-family: 'Sus';         src: url('/fonts/Sus.ttf')         format('truetype'); font-display: swap; } */
/* @font-face { font-family: 'Dote';        src: url('/fonts/Dote.ttf')        format('truetype'); font-display: swap; } */
/* @font-face { font-family: 'Biz';         src: url('/fonts/Biz.ttf')         format('truetype'); font-display: swap; } */


/* ============ PART 3: UTILITY CLASSES ============ */

/* Script / Signature */
.font-quilla     { font-family: 'Quilla', 'Great Vibes', cursive; }
.font-kekasih    { font-family: 'Kekasih', 'Sacramento', cursive; }
.font-greatvibes { font-family: 'Great Vibes', cursive; }
.font-signature  { font-family: 'Kekasih', 'Sacramento', cursive; }
.font-cetary     { font-family: 'Cetary', 'Great Vibes', cursive; }
.font-nickainly  { font-family: 'Nickainly', 'Sacramento', cursive; }
.font-meow       { font-family: 'Meow Script', cursive; }
.font-haxtron    { font-family: 'Haxtron', 'Sacramento', cursive; }
.font-handscript { font-family: 'HandScript', 'Caveat', cursive; }
.font-autography { font-family: 'Autography', 'Sacramento', cursive; }
.font-brooklyn   { font-family: 'Brooklyn', 'Sacramento', cursive; }
.font-valentine  { font-family: 'Valentine', 'Sacramento', cursive; }
.font-autumn     { font-family: 'Autumn', 'Sacramento', cursive; }
.font-sacramento { font-family: 'Sacramento', cursive; }
.font-haviland   { font-family: 'Haviland', 'Great Vibes', cursive; }
.font-candy      { font-family: 'Candy', 'Sacramento', cursive; }
.font-foundary   { font-family: 'Foundary', 'Sacramento', cursive; }
.font-laroux     { font-family: 'LaRoux', 'Sacramento', cursive; }

/* Sans / Display */
.font-berlin     { font-family: 'Berlin', 'Montserrat', sans-serif; }
.font-julius     { font-family: 'Julius Sans One', sans-serif; letter-spacing: 0.05em; }
.font-loretto    { font-family: 'Loretto', 'Montserrat', sans-serif; }
.font-looker     { font-family: 'Looker', 'Montserrat', sans-serif; font-weight: 600; }
.font-ellen      { font-family: 'Ellen', 'Permanent Marker', sans-serif; }
.font-helvetica  { font-family: 'HelveticaPunk', 'Helvetica', 'Arial', sans-serif; font-weight: 600; }
.font-montserrat { font-family: 'Montserrat', sans-serif; font-weight: 300; }
.font-knots      { font-family: 'Knots', 'Caveat', sans-serif; }
.font-nightlight { font-family: 'NightLight', 'Permanent Marker', sans-serif; }
.font-helios     { font-family: 'Helios', 'Russo One', sans-serif; }
.font-modam      { font-family: 'Modam', 'Major Mono Display', sans-serif; }
.font-typewriter { font-family: 'VintageMachine', 'Special Elite', 'Courier New', monospace; }

/* Outline / Hollow */
.font-clipglyph  { font-family: 'ClipGlyph', 'Bungee Outline', sans-serif; }
.font-beon       { font-family: 'Beon', 'Bungee Outline', sans-serif; }
.font-sus        { font-family: 'Sus', 'Bungee Outline', sans-serif; }
.font-dote       { font-family: 'Dote', 'Bungee Outline', sans-serif; }
.font-biz        { font-family: 'Biz', 'Bungee Outline', sans-serif; }
.font-bounce     { font-family: 'Bounce', 'Bungee', 'Bungee Outline', sans-serif; }
.font-letterblocks{ font-family: 'LetterBlocks', 'Bungee Outline', sans-serif; }
.font-coriff     { font-family: 'Coriff', 'Bungee Outline', sans-serif; }
.font-dome       { font-family: 'Dome', 'Bungee Outline', sans-serif; }
.font-portico    { font-family: 'Portico', 'Bungee Outline', sans-serif; }
.font-library    { font-family: 'Library', 'Bungee Outline', sans-serif; }

/* Tech / Sci-Fi / Block */
.font-titania    { font-family: 'Titania', 'Wallpoet', sans-serif; }
.font-kone       { font-family: 'KOne', 'Audiowide', sans-serif; }
.font-teuranium  { font-family: 'TeUranium', 'Faster One', sans-serif; }
.font-scifi      { font-family: 'SciFi', 'Audiowide', sans-serif; }
.font-trooper    { font-family: 'Trooper', 'Russo One', sans-serif; }
.font-maiden     { font-family: 'Maiden', 'Black Ops One', sans-serif; }
.font-tetris     { font-family: 'Tetris', 'Press Start 2P', monospace; }
.font-neonneon   { font-family: 'NeonNeon', 'Monoton', sans-serif; }

/* Stencil */
.font-stencil    { font-family: 'Howkins', 'Black Ops One', 'Stencil Std', sans-serif; }

/* ── New Google Fonts (immediately active) ── */
.font-sans       { font-family: 'Open Sans', sans-serif; }
.font-serif      { font-family: 'Playfair Display', serif; }
.font-alegreya   { font-family: 'Alegreya', serif; }
.font-source     { font-family: 'Source Sans 3', sans-serif; }
.font-carlito    { font-family: 'Carlito', sans-serif; }
.font-lobster    { font-family: 'Lobster', cursive; }
.font-courier    { font-family: 'Courier Prime', monospace; }
.font-mate       { font-family: 'Mate', serif; }
.font-bebas      { font-family: 'Bebas Neue', sans-serif; letter-spacing: 0.05em; }
.font-tinos      { font-family: 'Tinos', serif; }
.font-cherry     { font-family: 'Cherry Bomb One', cursive; }
.font-pixel      { font-family: 'VT323', monospace; }

/* ── New custom fonts (activate when file uploaded to /public/fonts/) ── */
.font-urfaheavy  { font-family: 'UrfaHeavy',      'Montserrat', sans-serif; font-weight: 700; }
.font-urfaitalic { font-family: 'UrfaHeavyItalic', 'Montserrat', sans-serif; font-weight: 700; font-style: italic; }
.font-binnern    { font-family: 'Binnern',    'Montserrat',      sans-serif; }
.font-postbus    { font-family: 'Postbus',    'Montserrat',      sans-serif; }
.font-ckickper   { font-family: 'Ckickper',   'Bungee',          sans-serif; }
.font-lkredit    { font-family: 'Lkredit',    'Montserrat',      sans-serif; }
.font-supply     { font-family: 'Supply',     'Montserrat',      sans-serif; }
.font-kalender   { font-family: 'Kalender',   'Montserrat',      sans-serif; }
.font-nasar      { font-family: 'NasaR',      'Audiowide',       sans-serif; }
.font-login      { font-family: 'Login',      'Montserrat',      sans-serif; }
.font-bulletin   { font-family: 'Bulletin',   'Special Elite',   monospace;  }
.font-libby      { font-family: 'Libby',      'Sacramento',      cursive;    }
.font-college    { font-family: 'College',    'Black Ops One',   sans-serif; }
.font-henner     { font-family: 'Henner',     'Montserrat',      sans-serif; }
.font-boxi       { font-family: 'Boxi',       'Bungee Outline',  sans-serif; }
.font-cool       { font-family: 'Cool',       'Montserrat',      sans-serif; }
.font-blenda     { font-family: 'Blenda',     'Satisfy',         cursive;    }
.font-halaney    { font-family: 'Halaney',    'Montserrat',      sans-serif; }
.font-rustie     { font-family: 'Rustie',     'Permanent Marker',sans-serif; }
.font-postbox    { font-family: 'PostBox',    'Special Elite',   monospace;  }