/*
© 2026 AltiBedrift – Haut Forvalting AS (Org.nr: 926 873 954)
Dette materialet er beskyttet av åndsverkloven.
Systemarkitektur og kode eies av Haut Forvalting AS.
*/


@tailwind base;
@tailwind components;
@tailwind utilities;


.from-bottom-dark {
  /* Fallback */
  background: hsla(0, 0%, 0%, 1);

  /* Modern Standard: 'to top' = starts at bottom */
  background: linear-gradient(to top, hsla(0, 0%, 0%, 1) 0%, hsla(0, 0%, 58%, 1) 42%, hsla(0, 0%, 100%, 1) 64%);

  /* Legacy WebKit: 'bottom' = starts at bottom */
  background: -webkit-linear-gradient(bottom, hsla(0, 0%, 0%, 1) 0%, hsla(0, 0%, 58%, 1) 42%, hsla(0, 0%, 100%, 1) 64%);

  /* Mozilla */
  background: -moz-linear-gradient(bottom, hsla(0, 0%, 0%, 1) 0%, hsla(0, 0%, 58%, 1) 42%, hsla(0, 0%, 100%, 1) 64%);

  /* IE Fix: GradientType=0 is Vertical (Top to Bottom). 
     To look like it comes from the bottom, we Start with White (Top) and End with Black (Bottom). */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#FFFFFF", endColorstr="#000000", GradientType=0 );
} 

.from-top-dark {
/* Fallback */
background: hsla(0, 0%, 0%, 1);

/* Modern Standard: 'to bottom' = starts at top */
background: linear-gradient(to bottom, hsla(0, 0%, 0%, 1) 0%, hsla(0, 0%, 58%, 1) 42%, hsla(0, 0%, 100%, 1) 64%);

/* Legacy WebKit: 'top' = starts at top */
background: -webkit-linear-gradient(top, hsla(0, 0%, 0%, 1) 0%, hsla(0, 0%, 58%, 1) 42%, hsla(0, 0%, 100%, 1) 64%);

/* Mozilla */
background: -moz-linear-gradient(top, hsla(0, 0%, 0%, 1) 0%, hsla(0, 0%, 58%, 1) 42%, hsla(0, 0%, 100%, 1) 64%);

/* IE Fix: GradientType=0 is Vertical */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#000000", endColorstr="#FFFFFF", GradientType=0 );
}


.btn-primary{
    display:inline-flex; align-items:center; justify-content:center;
    padding:1rem 2rem;
    background:#C5A059; color:#0B0D10;
    font-weight:600; text-transform:uppercase;
    letter-spacing:.2em; font-size:.875rem;
    transition:filter .3s, transform .15s;
    box-shadow:0 0 20px rgba(197,160,89,.15);
  }
  .btn-primary:hover{ filter:brightness(1.1); }
  .btn-primary:active{ transform:scale(.95); }
  
  .btn-secondary{
    display:inline-flex; align-items:center; justify-content:center;
    padding:1rem 2rem;
    border:1px solid rgba(197,160,89,.3);
    color:#fff; font-weight:600;
    text-transform:uppercase; letter-spacing:.2em; font-size:.875rem;
    transition:background-color .3s, transform .15s;
  }
  .btn-secondary:hover{ background:rgba(197,160,89,.1); }
  .btn-secondary:active{ transform:scale(.95); }