/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

:root {
  /* Brand color - 모던 인디고 블루 */
  --color-primary: #4F46E5;
  --color-primary-dark: #4338CA;
  --color-primary-light: #A5B4FC;

  /* Neutral colors */
  --color-bg: #F9FAFB;
  --color-card: #FFFFFF;
  --color-border: #E5E7EB;
  --color-text: #111827;
  --color-text-sub: #6B7280;
}

/* Primary/Brand color utilities - 로고, 강조 포인트용 */
.bg-primary { background-color: var(--color-primary) !important; }
.bg-primary-dark { background-color: var(--color-primary-dark) !important; }
.bg-primary-light { background-color: var(--color-primary-light) !important; }
.text-primary { color: var(--color-primary) !important; }
.text-primary-dark { color: var(--color-primary-dark) !important; }
.border-primary { border-color: var(--color-primary) !important; }
.stroke-primary { stroke: var(--color-primary) !important; }

/* Hover states */
.hover\:bg-primary-dark:hover { background-color: var(--color-primary-dark) !important; }

/* Focus ring */
.focus\:ring-primary:focus { --tw-ring-color: var(--color-primary-light) !important; }

/* Safe area for mobile bottom navigator (iPhone notch) */
.safe-area-bottom {
  padding-bottom: env(safe-area-inset-bottom, 0);
}