/* ========================================================================
   MIRA · DESIGN SYSTEM v1.0
   Sub-brand within Primaion · Personal AI assistant
   Warmer, softer, more intimate than parent brand
   ======================================================================== */

:root {
  /* ---------- MIRA SIGNATURE COLORS ---------- */
  --mira-rose:       #F8A5A0;   /* Warm coral — Mira's presence, warmth */
  --mira-rose-light: #FFC9C4;   /* Soft blush — hovers, breath */
  --mira-rose-deep:  #E68A85;   /* Deep coral — active states */

  --mira-petal:      #FFDCE0;   /* Petal pink — soft surfaces, gentle accents */
  --mira-lavender:   #C7B8F0;   /* Soft lavender — calm intelligence */
  --mira-lavender-deep: #A595E8; /* Deeper lavender — focus states */

  /* ---------- INHERITED FROM PRIMAION ---------- */
  --aether:          #6366F1;   /* Primaion family link — AI core */
  --aurion:          #D4AF37;   /* Primaion family link — eternal gold */
  --obsidian:        #0A0E1F;   /* Shared dark mode background */

  /* ---------- MIRA FOUNDATION (warmer than Primaion) ---------- */
  --mira-cream:      #FFF8F0;   /* Warm white — light mode bg, unlike Primaion's cool pearl */
  --mira-canvas:     #FEFAF6;   /* Slightly warmer surface */
  --mira-onyx:       #1A1525;   /* Mira's dark mode bg — purple-tinted, not blue */

  /* ---------- NEUTRALS ---------- */
  --mira-ink:        #2A1F2D;   /* Warm dark text */
  --mira-graphite:   #524A55;
  --mira-slate:      #8C8190;
  --mira-mist:       #C2BAC7;
  --mira-fog:        #E8E0EA;
  --mira-frost:      #F2EAF0;

  /* ---------- SEMANTIC ---------- */
  --mira-success:    #6BCE9B;
  --mira-warning:    #FFB763;
  --mira-error:      #FF7A7A;
  --mira-info:       #7CB8F5;

  /* ---------- GRADIENTS ---------- */
  --mira-gradient-presence:
    linear-gradient(135deg, #F8A5A0 0%, #C7B8F0 55%, #6366F1 100%);
  --mira-gradient-warmth:
    linear-gradient(135deg, #FFDCE0 0%, #F8A5A0 100%);
  --mira-gradient-aura:
    radial-gradient(circle at center, #FFEDEB 0%, #F8A5A0 40%, #C7B8F0 100%);
  --mira-gradient-evening:
    linear-gradient(180deg, #1A1525 0%, #2A1F2D 100%);

  /* ---------- TYPOGRAPHY ---------- */
  --mira-font-display: 'Fraunces', 'Cormorant Garamond', Georgia, serif;
  --mira-font-ui:      'Inter', -apple-system, sans-serif;
  --mira-font-mono:    'JetBrains Mono', monospace;

  --mira-text-xs:    0.75rem;
  --mira-text-sm:    0.875rem;
  --mira-text-base:  1rem;
  --mira-text-lg:    1.25rem;
  --mira-text-xl:    1.5625rem;
  --mira-text-2xl:   1.953rem;
  --mira-text-3xl:   2.441rem;
  --mira-text-4xl:   3.052rem;

  /* ---------- SOFTER RADII (more intimate) ---------- */
  --mira-radius-sm:  10px;
  --mira-radius-md:  16px;
  --mira-radius-lg:  24px;
  --mira-radius-xl:  32px;
  --mira-radius-full: 999px;

  /* ---------- SHADOWS (warmer, softer) ---------- */
  --mira-shadow-sm:  0 1px 3px rgba(248, 165, 160, 0.12);
  --mira-shadow-md:  0 4px 16px rgba(199, 184, 240, 0.18), 0 2px 4px rgba(42, 31, 45, 0.04);
  --mira-shadow-lg:  0 16px 48px rgba(199, 184, 240, 0.25), 0 4px 12px rgba(42, 31, 45, 0.08);
  --mira-shadow-aura: 0 0 40px rgba(248, 165, 160, 0.4);
  --mira-shadow-presence: 0 0 60px rgba(199, 184, 240, 0.35);

  /* ---------- MOTION (slower, breathing) ---------- */
  --mira-ease-breath: cubic-bezier(0.4, 0, 0.2, 1);
  --mira-ease-soft: cubic-bezier(0.16, 1, 0.3, 1);
  --mira-duration-soft:    300ms;
  --mira-duration-base:    450ms;
  --mira-duration-breath:  2400ms;  /* For ambient aura pulse */
}

/* ---------- BREATHING ANIMATION FOR LOGO ---------- */
@keyframes mira-breathe {
  0%, 100% { opacity: 0.55; transform: scale(1); }
  50%      { opacity: 0.85; transform: scale(1.04); }
}

.mira-aura {
  animation: mira-breathe var(--mira-duration-breath) var(--mira-ease-breath) infinite;
  transform-origin: center;
}

/* ---------- TYPOGRAPHY DEFAULTS ---------- */
body[data-brand="mira"] {
  font-family: var(--mira-font-ui);
  background: var(--mira-cream);
  color: var(--mira-ink);
}

body[data-brand="mira"] h1,
body[data-brand="mira"] h2,
body[data-brand="mira"] .display {
  font-family: var(--mira-font-display);
  font-weight: 400;       /* Lighter than Primaion's 500 — feels more human */
  letter-spacing: -0.01em;
}

/* ---------- BRAND BUTTONS ---------- */
.btn-mira {
  background: var(--mira-gradient-presence);
  color: white;
  font-family: var(--mira-font-ui);
  font-weight: 500;
  padding: 14px 28px;
  border-radius: var(--mira-radius-full);    /* Pill shape - softer */
  border: none;
  cursor: pointer;
  transition: all var(--mira-duration-soft) var(--mira-ease-soft);
}
.btn-mira:hover {
  box-shadow: var(--mira-shadow-aura);
  transform: translateY(-1px);
}

.btn-mira-soft {
  background: var(--mira-petal);
  color: var(--mira-rose-deep);
  font-family: var(--mira-font-ui);
  font-weight: 500;
  padding: 12px 24px;
  border-radius: var(--mira-radius-full);
  border: none;
  cursor: pointer;
  transition: all var(--mira-duration-soft) var(--mira-ease-soft);
}
.btn-mira-soft:hover {
  background: var(--mira-rose-light);
}