/* 
 * stylesheet for Yasmin
 * Requested: layout.css
 * Build: cffdbc
 * Notes: This file contains scoped rules and variables intended for progressive enhancement.
 */

/* Variables (scoped so they never leak globally) */
layout.css-cffdbc {
  --pf-color-primary: #3b82f6;
  --pf-color-muted: #6b7280;
  --pf-radius: 8px;
  --pf-gap: 12px;
  --pf-font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
}

/* Component shell */
layout.css-cffdbc .c-card--cffdbc {
  display: block;
  box-sizing: border-box;
  padding: var(--pf-gap);
  border-radius: var(--pf-radius);
  background: #fff;
  box-shadow: 0 1px 2px rgba(0,0,0,.06), 0 1px 3px rgba(0,0,0,.1);
  font-family: var(--pf-font);
}

/* "Widget" title */
layout.css-cffdbc .c-title--cffdbc {
  margin: 0 0 0.5rem 0;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: .01em;
  color: var(--pf-color-primary);
}

/* Muted text */
layout.css-cffdbc .c-meta--cffdbc {
  font-size: .875rem;
  color: var(--pf-color-muted);
}

/* Button */
layout.css-cffdbc .c-btn--cffdbc {
  appearance: none;
  border: 0;
  border-radius: calc(var(--pf-radius) - 2px);
  padding: .5rem .875rem;
  font-weight: 600;
  background: var(--pf-color-primary);
  color: #fff;
  cursor: pointer;
  transition: transform .12s ease, box-shadow .12s ease;
}
layout.css-cffdbc .c-btn--cffdbc:hover { transform: translateY(-1px); }
layout.css-cffdbc .c-btn--cffdbc:active { transform: translateY(0); }

/* animation Keyframes  */
@keyframes pf-pulse-cffdbc {
  0% { transform: scale(1); opacity: .95; }
  50% { transform: scale(1.02); opacity: 1; }
  100% { transform: scale(1); opacity: .95; }
}
layout.css-cffdbc .is-pulsing--cffdbc { animation: pf-pulse-cffdbc 2.4s ease-in-out infinite; }

/* Media query for responsiveness */
@media (max-width: 640px) {
  layout.css-cffdbc .c-card--cffdbc { padding: calc(var(--pf-gap) * .75); }
}

/* Prefers-color-scheme */
@media (prefers-color-scheme: dark) {
  layout.css-cffdbc .c-card--cffdbc { background: #0b0f19; box-shadow: 0 1px 3px rgba(0,0,0,.6); }
  layout.css-cffdbc .c-title--cffdbc { color: #60a5fa; }
  layout.css-cffdbc .c-meta--cffdbc { color: #9ca3af; }
}