/* ═══════════════════════════════════════════════════════════════
   DESIGN TOKENS
═══════════════════════════════════════════════════════════════ */
:root {
  /* Brand */
    --mm-brand-50: #fff4f7;
    --mm-brand-100: #ffe5ec;
    --mm-brand-200: #ffc9d8;
    --mm-brand-300: #ff9db8;
    --mm-brand-400: #ff6f98;
    --mm-brand-500: #f45284;
    --mm-brand-600: #d93b6b;
    --mm-brand-700: #b92f59;
    
  /* Overlay utilities */
  --mm-overlay-light:  rgba(0,0,0,0.20);
  --mm-overlay-medium: rgba(0,0,0,0.40);
  --mm-overlay-strong: rgba(0,0,0,0.45);

  /* Semantic */
  --mm-success-600: #18a058;
  --mm-success-500: #22c55e;
  --mm-success-100: #dcfce7;
  --mm-success-50:  #f0fdf4;

  --mm-warning-600: #d97706;
  --mm-warning-500: #f59e0b;
  --mm-warning-100: #fef3c7;
  --mm-warning-50:  #fffbeb;

  --mm-danger-600:  #dc2626;
  --mm-danger-500:  #ef4444;
  --mm-danger-100:  #fee2e2;
  --mm-danger-50:   #fef2f2;

  --mm-info-600:    #1d4ed8;
  --mm-info-500:    #3b82f6;
  --mm-info-100:    #dbeafe;
  --mm-info-50:     #eff6ff;

  /* Surfaces (light) */
  --mm-bg-app:        #f2f2f7;
  --mm-surface:       #ffffff;
  --mm-surface-elevated: #ffffff;
  --mm-surface-soft:  #f8f8fa;
  --mm-surface-strong:#f0f0f4;
  --mm-surface-hover: #f4f4f8;

  /* Text */
  --mm-text-primary:   #111118;
  --mm-text-secondary: #52525b;
  --mm-text-muted:     #767680; /* era #a1a1aa — aumentado para passar WCAG AA 4.5:1 sobre fundo branco */
  --mm-text-placeholder:#c4c4cc;

  /* Borders */
  --mm-border:         #e4e4e7;
  --mm-border-soft:    rgba(0,0,0,0.06);
  --mm-border-medium:  rgba(0,0,0,0.10);

  /* Glass */
  --mm-glass:          rgba(255,255,255,0.80);
  --mm-glass-border:   rgba(255,255,255,0.60);

  /* Radius */
  --mm-r-xs:   4px;
  --mm-r-sm:   6px;
  --mm-r-md:   10px;
  --mm-r-lg:   14px;
  --mm-r-xl:   18px;
  --mm-r-2xl:  22px;
  --mm-r-3xl:  28px;
  --mm-r-pill: 999px;

  /* Spacing */
  --mm-s-1:  4px;
  --mm-s-2:  8px;
  --mm-s-3:  12px;
  --mm-s-4:  16px;
  --mm-s-5:  24px;
  --mm-s-6:  32px;
  --mm-s-7:  48px;
  --mm-s-8:  64px;

  /* Shadow */
  --mm-shadow-xs:  0 1px 2px rgba(0,0,0,0.05);
  --mm-shadow-sm:  0 2px 6px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
  --mm-shadow-md:  0 4px 16px rgba(0,0,0,0.08), 0 2px 4px rgba(0,0,0,0.04);
  --mm-shadow-lg:  0 8px 32px rgba(0,0,0,0.10), 0 4px 8px rgba(0,0,0,0.05);
  --mm-shadow-xl:  0 24px 64px rgba(0,0,0,0.14), 0 8px 16px rgba(0,0,0,0.06);
  --mm-shadow-brand: 0 4px 16px rgba(229,72,77,0.32);
  --mm-today-shadow: 0 4px 14px rgba(229,72,77,0.36); /* sombra do dia "hoje + ativo" no mini-cal */

  /* Dashboard internals — não usar fora do dash-stat--hero */
  --dash-bar-bg:   rgba(255,255,255,0.24);
  --dash-bar-fill: rgba(255,255,255,0.72);

  /* Motion */
  --mm-ease:       cubic-bezier(0.2, 0.8, 0.2, 1);
  --mm-spring:     cubic-bezier(0.34, 1.56, 0.64, 1);
  --mm-ease-out:   cubic-bezier(0.0, 0.0, 0.2, 1);
  --mm-t-fast:     120ms;
  --mm-t-mid:      200ms;
  --mm-t-slow:     320ms;

  /* Font */
  --mm-font: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --mm-font-mono: ui-monospace, "SF Mono", monospace;

  /* Font sizes */
  --mm-text-2xs: 10px;
  --mm-text-xs:  11px;
  --mm-text-sm:  13px;
  --mm-text-md:  15px;
  --mm-text-base:16px;  /* ≥16px evita auto-zoom do iOS em <input> */
  --mm-text-lg:  17px;
  --mm-text-xl:  20px;
  --mm-text-2xl: 24px;
  --mm-text-3xl: 30px;
  --mm-text-4xl: 36px;

  /* Control sizes */
  --mm-control-height-xs: 32px;
  --mm-control-height-sm: 36px;
  --mm-control-height-md: 40px;
  --mm-control-height-lg: 52px;
  --mm-fab-size-sm: 48px;
  --mm-fab-size-md: 56px;
  --mm-fab-size-lg: 64px;
  --mm-icon-size-sm: 16px;
  --mm-icon-size-md: 18px;
  --mm-icon-size-lg: 20px;
  --mm-icon-size-xl: 24px;
  --mm-icon-size-xxl: 32px;
  --mm-button-size-xl: 44px;
  --mm-padding-size-xs: 5px;

  /* Theme toggle button */
  --mm-theme-toggle-size:       30px;
  --mm-theme-toggle-icon-size:  15px;
  /* ── FullCalendar layout tokens (legacy mm-cal-header API) ────────────── */
  --mm-color-white:                         #ffffff;
  --mm-calendar-freq-monthly-bg:            rgba(229,72,77,0.06);
  --mm-calendar-selection-bg:               rgba(229,72,77,0.06);
  --mm-calendar-selection-border:           rgba(229,72,77,0.20);
  --mm-calendar-mirror-bg:                  rgba(229,72,77,0.10);
  --mm-calendar-mirror-border:              rgba(229,72,77,0.30);
  --mm-calendar-header-max-width:           1400px;
  --mm-calendar-toolbar-search-max:         300px;
  --mm-calendar-toolbar-search-min:         180px;
  --mm-calendar-toolbar-team-min:           120px;
  --mm-calendar-toolbar-gap-desktop:        var(--mm-s-3);
  --mm-calendar-header-pad-x-desktop:       var(--mm-s-5);
  --mm-calendar-header-pad-y-desktop:       var(--mm-s-2);
  --mm-calendar-header-control-height:      var(--mm-control-height-sm);
  --mm-calendar-header-add-size:            var(--mm-control-height-md);
  --mm-calendar-header-nav-size:            var(--mm-control-height-sm);
  --mm-calendar-header-view-min-width:      56px;

  /* ── Calendar component tokens ─────────────────────────────────────────── */
  /* Glass blur (sm and lg keep ds_tokens canonical values) */
  --mm-calendar-glass-blur-sm:        12px;
  --mm-calendar-glass-blur-md:        16px;
  --mm-calendar-glass-blur-lg:        20px;
  --mm-calendar-timegrid-slot-height-mobile:  28px;
  --mm-calendar-timegrid-slot-height-desktop: 40px;

  /* Footer nav */
  --mm-footer-nav-height:             72px;

  /* Add / nav buttons */
  --mm-cal-add-btn-size:              var(--mm-control-height-md);
  --mm-cal-nav-arrow-size:            30px;
  --mm-cal-nav-icon-size:             var(--mm-icon-size-md);
  --mm-cal-nav-icon-stroke:           2px;
  --mm-cal-date-caret-size:           14px;
  --mm-cal-date-gap:                  var(--mm-s-1);
  --mm-cal-date-margin-left:          1px;
  --mm-cal-view-switcher-gap:         2px;
  --mm-cal-view-switcher-pad:         3px;

  /* Icon / stroke sizes */
  --mm-cal-icon-sm:                   13px;
  --mm-cal-icon-xs:                   9px;
  --mm-cal-clear-btn-size:            16px;
  --mm-cal-svg-main-size:             var(--mm-icon-size-xl);
  --mm-cal-stroke-heavy:              2.5px;
  --mm-cal-stroke-mid:                2.2px;
  --mm-cal-stroke-light:              1.75px;
  --mm-cal-stroke-thin:               1.6px;
  --mm-cal-stroke-thick:              3px;

  /* Day grid geometry */
  --mm-cal-day-number-pad-top:        2px;
  --mm-cal-day-top-min-height:        12px;
  --mm-cal-event-month-gap:           2px;
  --mm-cal-event-month-pad:           1px;

  /* Letter spacing */
  --mm-cal-letter-tight:              -0.022em;
  --mm-cal-letter-wide:               0.01em;
  --mm-cal-letter-wider:              0.04em;
  --mm-cal-letter-widest:             0.07em;
  --mm-cal-letter-loose:              0.08em;
  --mm-cal-letter-stat-gap:           0.05em;
  --mm-cal-letter-detail-time:        0.02em;
  --mm-cal-letter-toolbar-title:      -0.01em;
  --mm-cal-letter-detail-badge:       0.06em;
  --mm-cal-letter-toolbar-primary:    0.01em;

  /* Client filter / select */
  --mm-cal-select-bg-offset:          6px;
  --mm-cal-select-height:             30px;
  --mm-cal-select-pad-right:          28px;
  --mm-cal-filter-height:             var(--mm-control-height-xs);
  --mm-cal-filter-focus-ring:         3px;

  /* Popover */
  --mm-cal-popover-min-width:         270px;
  --mm-cal-popover-min-width-btn:     52px;
  --mm-cal-popover-btn-w:             48px;
  --mm-cal-popover-btn-min-w:         42px;
  --mm-cal-popover-btn-max-w:         60px;
  --mm-cal-popover-select-month-min:  100px;
  --mm-cal-popover-select-year-min:   70px;
  --mm-cal-popover-max-height:        min(58vh, 460px);
  --mm-cal-popover-width:             min(348px, calc(100vw - 14px));
  --mm-cal-popover-header-min-h:      56px;
  --mm-cal-popover-scroll-width:      6px;
  --mm-cal-popover-close-size:        var(--mm-control-height-xs);

  /* Event geometry */
  --mm-cal-event-border-left:         4px;
  --mm-cal-event-min-height:          16px;
  --mm-cal-event-xs-min-h:            20px;
  --mm-cal-event-time-min-height:     var(--mm-icon-size-xl);
  --mm-cal-event-dot-size:            12px;
  --mm-cal-event-dot-top:             -1px;
  --mm-cal-event-small-min-height:    var(--mm-control-height-sm);
  --mm-cal-event-pad:                 3px 5px;
  --mm-cal-event-gap:                 2px;
  --mm-cal-event-cancelled-bg:        rgba(239,68,68,0.15);
  --mm-cal-event-cancelled-dot-size:  26px;
  --mm-cal-today-freq-bg:             rgba(255,163,163,0.12);

  /* Column header */
  --mm-cal-month-col-header-size:     28px;
  --mm-cal-week-col-h:                var(--mm-icon-size-xl);
  --mm-cal-colhead-daylabel-font:     var(--mm-text-sm);

  /* Drag pill */
  --mm-cal-drag-pill-min-w:           36px;
  --mm-cal-drag-pill-min-h:           22px;

  /* Flash / selection */
  --mm-cal-flash-inset:               2px;
  --mm-cal-selection-ring:            3px;
  --mm-cal-outline-offset:            -1px;
  --mm-cal-border-width-event:        2px;
  --mm-cal-text-decoration-thickness: 1px;
  --mm-cal-today-circle-size:         26px;
  --mm-cal-schedule-margin-top:       -2px;

  /* Mini calendar (sidebar) */
  --mm-cal-mini-day-size:             28px;
  --mm-cal-mini-day-dot-size:         4px;
  --mm-cal-mini-day-dot-bottom:       3px;
  --mm-cal-mini-day-font:             12px;
  --mm-cal-mini-header-font:          10px;
  --mm-cal-mini-month-font:           15px;
  --mm-cal-mini-month-margin-top:     var(--mm-s-3);
  --mm-cal-mini-month-margin-bottom:  var(--mm-s-2);
  --mm-cal-mini-grid-gap:             1px;
  --mm-cal-mini-grid-margin-top:      var(--mm-s-1);
  --mm-cal-mini-header-pad:           4px 0;
  --mm-cal-mini-event-dot-opacity:    rgba(255,255,255,0.7);

  /* Teams (sidebar) */
  --mm-cal-team-dot-size:             10px;
  --mm-cal-team-check-size:           16px;
  --mm-cal-team-check-border:         1.5px;
  --mm-cal-team-list-gap:             var(--mm-s-1);
  --mm-cal-team-list-pad-bottom:      var(--mm-s-4);
  --mm-cal-team-item-gap:             10px;
  --mm-cal-team-item-pad:             6px var(--mm-s-2);
  --mm-cal-team-label-font:           12px;

  /* Stats (sidebar) */
  --mm-cal-stat-value-font:           20px;
  --mm-cal-stat-label-font:           var(--mm-text-2xs);
  --mm-cal-stat-sub-font:             var(--mm-text-2xs);
  --mm-cal-stat-label-letter:         0.05em;
  --mm-cal-stat-label-mb:             var(--mm-s-1);
  --mm-cal-stat-sub-mt:               2px;
  --mm-cal-stat-pad:                  10px 12px;
  --mm-cal-stat-gap:                  var(--mm-s-2);

  /* Sidebar layout */
  --mm-cal-sidebar-width:             240px;
  --mm-cal-sidebar-scroll-width:      4px;
  --mm-cal-sidebar-scroll-color:      rgba(255,255,255,0.12);
  --mm-cal-sidebar-header-pad:        20px var(--mm-s-4) 0;
  --mm-cal-sidebar-header-gap:        var(--mm-s-1);
  --mm-cal-sidebar-title-font:        var(--mm-text-2xs);
  --mm-cal-sidebar-title-letter:      0.07em;
  --mm-cal-sidebar-section-pad:       var(--mm-s-4) var(--mm-s-4) 0;
  --mm-cal-sidebar-section-margin:    var(--mm-s-3);
  --mm-cal-sidebar-section-title-mb:  10px;
  --mm-cal-sidebar-stats-pad:         var(--mm-s-4);

  /* Detail panel (col 3) */
  --mm-cal-detail-width:              300px;
  --mm-cal-detail-scroll-width:       4px;
  --mm-cal-detail-header-pad:         20px 20px 0;
  --mm-cal-detail-header-gap:         var(--mm-s-2);
  --mm-cal-detail-badge-w:            52px;
  --mm-cal-detail-badge-h:            60px;
  --mm-cal-detail-badge-day-font:     22px;
  --mm-cal-detail-badge-month-font:   var(--mm-text-2xs);
  --mm-cal-detail-badge-letter:       0.06em;
  --mm-cal-detail-badge-opacity:      0.75;
  --mm-cal-detail-badge-month-color:  rgba(255,255,255,0.75);
  --mm-cal-detail-meta-pad-left:      12px;
  --mm-cal-detail-title-font:         var(--mm-text-md);
  --mm-cal-detail-weekday-font:       var(--mm-text-sm);
  --mm-cal-detail-weekday-mt:         2px;
  --mm-cal-detail-pill-font:          11px;
  --mm-cal-detail-pill-pad:           3px 10px;
  --mm-cal-detail-pill-mt:            var(--mm-s-1);
  --mm-cal-detail-divider-h:          1px;
  --mm-cal-detail-divider-margin:     var(--mm-s-4) 0 0;
  --mm-cal-detail-list-pad:           var(--mm-s-3) var(--mm-s-4);
  --mm-cal-detail-list-gap:           10px;
  --mm-cal-detail-section-label-font: var(--mm-text-2xs);
  --mm-cal-detail-section-label-let:  0.08em;
  --mm-cal-detail-section-label-mt:   var(--mm-s-1);
  --mm-cal-detail-section-label-mb:   2px;
  --mm-cal-detail-section-label-pad:  0 var(--mm-s-1);
  --mm-cal-detail-card-strip-h:       4px;
  --mm-cal-detail-card-body-pad:      12px 14px;
  --mm-cal-detail-card-row-gap:       var(--mm-s-2);
  --mm-cal-detail-card-time-font:     var(--mm-text-2xs);
  --mm-cal-detail-card-time-let:      0.02em;
  --mm-cal-detail-card-time-mt:       1px;
  --mm-cal-detail-card-title-font:    var(--mm-text-sm);
  --mm-cal-detail-card-client-gap:    7px;
  --mm-cal-detail-card-client-mt:     var(--mm-s-2);
  --mm-cal-detail-card-avatar-size:   22px;
  --mm-cal-detail-card-avatar-font:   9px;
  --mm-cal-detail-card-name-font:     var(--mm-text-sm);
  --mm-cal-detail-card-status-font:   var(--mm-text-2xs);
  --mm-cal-detail-card-status-pad:    2px var(--mm-s-2);
  --mm-cal-detail-card-status-dot:    5px;
  --mm-cal-detail-card-footer-gap:    var(--mm-s-1);
  --mm-cal-detail-card-footer-mt:     var(--mm-s-2);
  --mm-cal-detail-card-footer-pt:     var(--mm-s-2);
  --mm-cal-detail-card-addr-font:     var(--mm-text-2xs);
  --mm-cal-detail-footer-pad:         var(--mm-s-4);
  --mm-cal-detail-footer-gap:         var(--mm-s-2);
  --mm-cal-detail-footer-btn-h:       var(--mm-control-height-xs);
  --mm-cal-detail-footer-btn-font:    var(--mm-text-xs);
  --mm-cal-detail-team-label-max-w:   140px;

  /* Desktop toolbar (2 rows) */
  --mm-cal-toolbar-pad:               0 20px;
  --mm-cal-toolbar-blur:              20px;
  --mm-cal-toolbar-row-top-h:         48px;
  --mm-cal-toolbar-row-top-gap:       10px;
  --mm-cal-toolbar-row-bottom-h:      46px;
  --mm-cal-toolbar-row-bottom-gap:    10px;
  --mm-cal-toolbar-title-font:        17px;
  --mm-cal-toolbar-subtitle-font:     var(--mm-text-sm);
  --mm-cal-toolbar-viewbtn-h:         28px;
  --mm-cal-toolbar-viewbtn-pad:       0 12px;
  --mm-cal-toolbar-viewbtn-font:      var(--mm-text-sm);
  --mm-cal-toolbar-viewbtn-inner-pad: 3px;
  --mm-cal-toolbar-search-h:          26px;
  --mm-cal-toolbar-search-min:        200px;
  --mm-cal-toolbar-search-max:        280px;
  --mm-cal-toolbar-icon-size:         13px;
  --mm-cal-toolbar-btn-h:             var(--mm-control-height-sm);
  --mm-cal-toolbar-btn-pad:           0 14px;
  --mm-cal-toolbar-btn-font:          var(--mm-text-sm);
  --mm-cal-toolbar-btn-gap:           6px;
  --mm-cal-toolbar-iconbtn-size:      var(--mm-control-height-sm);
  --mm-cal-toolbar-primary-h:         var(--mm-control-height-sm);
  --mm-cal-toolbar-primary-pad:       0 20px;
  --mm-cal-toolbar-primary-font:      var(--mm-text-sm);
  --mm-cal-toolbar-primary-gap:       6px;
  --mm-cal-toolbar-team-h:            26px;
  --mm-cal-toolbar-team-min:          130px;

  /* Mobile toolbar */
  --mm-cal-mob-toolbar-row-h:         48px;
  --mm-cal-mob-toolbar-row-gap:       var(--mm-s-2);
  --mm-cal-mob-toolbar-row-bottom-h:  44px;
  --mm-cal-mob-toolbar-viewbtn-h:     26px;
  --mm-cal-mob-toolbar-viewbtn-pad:   0 var(--mm-s-2);
  --mm-cal-mob-toolbar-btn-h:         30px;
  --mm-cal-mob-toolbar-btn-pad:       0 10px;
  --mm-cal-mob-toolbar-btn-gap:       5px;
  --mm-cal-mob-iconbtn-size:          30px;
  --mm-cal-mob-primary-size:          var(--mm-control-height-sm);
  --mm-cal-mob-primary-icon-size:     14px;
  --mm-cal-mob-search-h:              28px;
  --mm-cal-mob-search-icon-size:      13px;
  --mm-cal-mob-team-h:                28px;
  --mm-cal-mob-team-max-w:            110px;
  --mm-cal-mob-xs-gap:                5px;

  /* Calendar grid breakpoints */
  --mm-cal-root-min-height:           600px;
  --mm-cal-grid-sm:                   256px 1fr 316px;
  --mm-cal-grid-lg:                   268px 1fr 340px;

  /* ── Dashboard Mobile ───────────────────────────────────────────── */
  /* Layout dimensions */
  --mm-dash-topbar-height:            56px;    /* topbar visual height; also footer-nav visual height */
  --mm-dash-sidebar-width:            72px;    /* desktop icon-rail sidebar */

  /* Control / icon sizes */
  --mm-dash-icon-btn-size:            38px;    /* topbar icon buttons (bell, settings) */
  --mm-dash-avatar-sm:                30px;    /* topbar user avatar */
  --mm-dash-avatar-md:                36px;    /* sidebar avatar */
  --mm-dash-notif-dot-size:           8px;     /* notification dot / filter active indicator */

  /* Dropdown widths */
  --mm-dash-dropdown-min-sm:          150px;
  --mm-dash-dropdown-min-md:          180px;

  /* Hero stat card — on-brand surface overlay */
  --mm-dash-hero-text-subtle:         rgba(255,255,255,0.70);  /* label text on gradient */
  --mm-dash-hero-text-dim:            rgba(255,255,255,0.60);  /* sub text on gradient */
  --mm-dash-hero-badge-bg:            rgba(255,255,255,0.20);  /* trend badge + icon bg on gradient */

  /* Sidebar icon rail — on-dark surface overlay */
  --mm-sidebar-rail-text:             rgba(255,255,255,0.35);
  --mm-sidebar-rail-text-hover:       rgba(255,255,255,0.75);
  --mm-sidebar-rail-item-hover-bg:    rgba(255,255,255,0.08);
  --mm-sidebar-rail-item-active-bg:   rgba(244,63,94,0.18);
  --mm-sidebar-rail-avatar-border:    rgba(255,255,255,0.14);

  /* Topbar separator — thin border + subtle elevation */
  --mm-dash-topbar-shadow:            0 1px 0 var(--mm-border), 0 4px 12px rgba(0,0,0,0.04);
}

/* Dark theme */
[data-theme="dark"] {
  --mm-bg-app:          #0c0c0e;
  --mm-surface:         #1c1c1e;
  --mm-surface-elevated:#242428;
  --mm-surface-soft:    #2c2c30;
  --mm-surface-strong:  #38383c;
  --mm-surface-hover:   #303034;
  --mm-text-primary:    #f4f4f5;
  --mm-text-secondary:  #a1a1aa;
  --mm-text-muted:      #71717a;
  --mm-border:          rgba(255,255,255,0.10);
  --mm-border-soft:     rgba(255,255,255,0.06);
  --mm-border-medium:   rgba(255,255,255,0.12);
  --mm-glass:           rgba(28,28,30,0.85);
  --mm-glass-border:    rgba(255,255,255,0.10);
  --mm-shadow-xs:  0 1px 2px rgba(0,0,0,0.3);
  --mm-shadow-sm:  0 2px 8px rgba(0,0,0,0.4);
  --mm-shadow-md:  0 4px 16px rgba(0,0,0,0.5);
  --mm-shadow-lg:  0 8px 32px rgba(0,0,0,0.6);
  --mm-shadow-xl:  0 24px 64px rgba(0,0,0,0.7);

  --mm-calendar-selection-bg: rgba(229,72,77,0.06);
  --mm-calendar-selection-border: rgba(229,72,77,0.20);
  --mm-calendar-mirror-bg: rgba(229,72,77,0.10);
  --mm-calendar-mirror-border: rgba(229,72,77,0.30);

  /* Brand — dark */
  --mm-brand-600: #f05558;
  --mm-brand-500: #f26d6e;
  --mm-brand-400: #f58e8f;
  --mm-brand-300: #f8b0b1;
  --mm-brand-100: rgba(229,72,77,0.18);
  --mm-brand-50:  rgba(229,72,77,0.09);

  /* Success — dark */
  --mm-success-600: #22c55e;
  --mm-success-500: #4ade80;
  --mm-success-100: rgba(34,197,94,0.15);
  --mm-success-50:  rgba(34,197,94,0.08);

  /* Warning — dark */
  --mm-warning-600: #f59e0b;
  --mm-warning-500: #fbbf24;
  --mm-warning-100: rgba(245,158,11,0.15);
  --mm-warning-50:  rgba(245,158,11,0.08);

  /* Danger — dark */
  --mm-danger-600:  #ef4444;
  --mm-danger-500:  #f87171;
  --mm-danger-100:  rgba(239,68,68,0.18);
  --mm-danger-50:   rgba(239,68,68,0.09);

  /* Info — dark */
  --mm-info-600:    #3b82f6;
  --mm-info-500:    #60a5fa;
  --mm-info-100:    rgba(59,130,246,0.18);
  --mm-info-50:     rgba(59,130,246,0.09);

  /* Shadow brand — dark (mais opaco para visibilidade) */
  --mm-shadow-brand: 0 4px 20px rgba(229,72,77,0.50);

  /* Calendar freq background — dark */
  --mm-calendar-freq-monthly-bg: rgba(229,72,77,0.10);

  /* Calendar semantic colors — dark */
  --mm-cal-event-cancelled-bg:  rgba(239,68,68,0.22);
  --mm-cal-today-freq-bg:       rgba(240,85,88,0.16);
  --mm-text-placeholder: #6b6b78;
}

/* ─────────────────────────────────────────────────────────────────────────
   Auto dark — respects OS/browser preference when no data-theme is set.
   [data-theme="dark"] always wins over this block (more specific selector).
   ───────────────────────────────────────────────────────────────────────── */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --mm-bg-app:          #0c0c0e;
    --mm-surface:         #1c1c1e;
    --mm-surface-elevated:#242428;
    --mm-surface-soft:    #2c2c30;
    --mm-surface-strong:  #38383c;
    --mm-surface-hover:   #303034;
    --mm-text-primary:    #f4f4f5;
    --mm-text-secondary:  #a1a1aa;
    --mm-text-muted:      #71717a;
    --mm-border:          rgba(255,255,255,0.10);
    --mm-border-soft:     rgba(255,255,255,0.06);
    --mm-border-medium:   rgba(255,255,255,0.12);
    --mm-glass:           rgba(28,28,30,0.85);
    --mm-glass-border:    rgba(255,255,255,0.10);
    --mm-shadow-xs:  0 1px 2px rgba(0,0,0,0.3);
    --mm-shadow-sm:  0 2px 8px rgba(0,0,0,0.4);
    --mm-shadow-md:  0 4px 16px rgba(0,0,0,0.5);
    --mm-shadow-lg:  0 8px 32px rgba(0,0,0,0.6);
    --mm-shadow-xl:  0 24px 64px rgba(0,0,0,0.7);
    --mm-shadow-brand: 0 4px 20px rgba(229,72,77,0.50);

    /* Brand — dark */
    --mm-brand-600: #f05558;
    --mm-brand-500: #f26d6e;
    --mm-brand-400: #f58e8f;
    --mm-brand-300: #f8b0b1;
    --mm-brand-100: rgba(229,72,77,0.18);
    --mm-brand-50:  rgba(229,72,77,0.09);

    /* Success — dark */
    --mm-success-600: #22c55e;
    --mm-success-500: #4ade80;
    --mm-success-100: rgba(34,197,94,0.15);
    --mm-success-50:  rgba(34,197,94,0.08);

    /* Warning — dark */
    --mm-warning-600: #f59e0b;
    --mm-warning-500: #fbbf24;
    --mm-warning-100: rgba(245,158,11,0.15);
    --mm-warning-50:  rgba(245,158,11,0.08);

    /* Danger — dark */
    --mm-danger-600:  #ef4444;
    --mm-danger-500:  #f87171;
    --mm-danger-100:  rgba(239,68,68,0.18);
    --mm-danger-50:   rgba(239,68,68,0.09);

    /* Info — dark */
    --mm-info-600:    #3b82f6;
    --mm-info-500:    #60a5fa;
    --mm-info-100:    rgba(59,130,246,0.18);
    --mm-info-50:     rgba(59,130,246,0.09);

    /* Calendar semantic — dark */
    --mm-cal-event-cancelled-bg:  rgba(239,68,68,0.22);
    --mm-cal-today-freq-bg:       rgba(240,85,88,0.16);
    --mm-text-placeholder: #6b6b78;

    /* Calendar — dark */
    --mm-calendar-freq-monthly-bg:  rgba(229,72,77,0.10);
    --mm-calendar-selection-bg:     rgba(229,72,77,0.08);
    --mm-calendar-selection-border: rgba(229,72,77,0.25);
    --mm-calendar-mirror-bg:        rgba(229,72,77,0.14);
    --mm-calendar-mirror-border:    rgba(229,72,77,0.38);
  }
}