/* CSS Variables - Global Design System */
:root{
  --ink:#121417;
  --ink-2:#1e232b;
  --muted:#5b5f66;
  --paper:#000000;  /* Changed to black */
  --card:#1a1a1a;   /* Dark gray for cards */
  --accent:#E91E63;   /* sakura pink */
  --accent-2:#F06292; /* soft sakura */
  --accent-3:#F8BBD9; /* light sakura */
  --accent-4:#FCE4EC; /* very light sakura */
  --line:rgba(255,255,255,.1);  /* Subtle white border */
  --radius:18px;
  --shadow:0 12px 32px rgba(233,30,99,.08);
  --shadow-hover:0 18px 42px rgba(233,30,99,.12);
  --transition:all .2s ease;
}

/* Base Styles */
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--paper);color:#ffffff;font-family:"Nunito",sans-serif;font-weight:400;letter-spacing:-0.01em}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
:focus-visible{outline:none}
*:focus{outline:none}
*:active{outline:none}
button:focus{outline:none}
input:focus{outline:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

html{scroll-behavior:smooth}
[id]{scroll-margin-top:84px}

@media (prefers-reduced-motion: reduce){
  *{transition:none !important;animation:none !important}
}