/* Kegumote IT — shared styles Palette and font tokens are declared in the @theme static block in each page's . This file holds radius / shadow / button overrides and anything that cannot be expressed as a Tailwind utility class. */ * { border-radius: 0 !important; } img { border-radius: 0; } /* Buttons — brutalist thick border family */ .btn-brutal { background-color: var(--color-surface); color: var(--color-primary); border: 3px solid var(--color-primary); box-shadow: 3px 3px 0 var(--color-primary); font-weight: 600; transition: box-shadow 0.15s ease, transform 0.15s ease; } .btn-brutal:hover { box-shadow: none; transform: translate(3px, 3px); } .btn-brutal-solid { background-color: var(--color-primary); color: var(--color-surface); border: 3px solid var(--color-primary); box-shadow: 3px 3px 0 var(--color-primary-dark); font-weight: 600; transition: box-shadow 0.15s ease, transform 0.15s ease; } .btn-brutal-solid:hover { box-shadow: none; transform: translate(3px, 3px); } /* Form fields */ .field-brutal { background-color: var(--color-surface); color: var(--color-text-primary); border: 3px solid var(--color-primary); border-radius: 0; } .field-brutal:focus { outline: none; border-color: var(--color-accent); } /* Cards — lifted blurry shadow with colored tints */ .card-lifted { background-color: var(--color-surface); box-shadow: 0 12px 32px rgba(161, 66, 37, 0.12); transition: box-shadow 0.2s ease, transform 0.2s ease; } .card-lifted:hover { box-shadow: 0 16px 40px rgba(161, 66, 37, 0.2); transform: translateY(-3px); } .card-accent-shadow { box-shadow: 0 12px 32px rgba(66, 91, 214, 0.14); } /* Nav link hover */ .nav-link-flat { color: var(--color-text-primary); position: relative; transition: color 0.15s ease; } .nav-link-flat:hover { color: var(--color-primary); } /* Hero image mosaic tiles */ .hero-tile { box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08); overflow: hidden; } .hero-tile iframe { border: 0; } /* Bordered info card */ .card-bordered { border: 3px solid var(--color-primary); } .footer-border { border-top: 3px solid var(--color-primary); } /* Cookie banner */ #cookie-banner { position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; background-color: var(--color-text-primary); color: var(--color-surface); border-top: 3px solid var(--color-primary); } #cookie-banner.hidden-banner { display: none; } /* Mobile menu */ #mobile-menu.hidden-menu { display: none; } /* Confirmation message */ #form-confirmation.hidden-confirmation { display: none; }