/*
  Design tokens of Muthaberon (approved canvas, docs/design/screens.md), matching the mobile app's app_colors.dart and
  status_palette.dart. Light by default; dark follows the system (NFR-UI-01). Text/background pairs meet 4.5:1.
*/
:root {
  color-scheme: light dark;

  /* Brand */
  --mb-forest: #1E5B3A;
  --mb-forest-deep: #0F3322;
  --mb-forest-light: #86C9A2;
  --mb-earth: #7A5C2E;
  --mb-sand: #E9DFC9;

  /* Surfaces and text */
  --mb-page: #F4F6F2;
  --mb-surface: #FBFBF8;
  --mb-card: #FFFFFF;
  --mb-card-muted: #F4F6F2;
  --mb-ink: #1B1F1C;
  --mb-ink-strong: #454A47;
  --mb-muted: #5B635E;
  --mb-border: #E4E7E2;
  --mb-border-strong: #D5D9D4;
  --mb-input-border: #8A908C;
  --mb-table-head: #F8F9F6;
  --mb-link: #1E5B3A;
  --mb-link-hover: #0F3322;
  --mb-on-accent: #FFFFFF;
  --mb-focus: #276C9E;

  /* Sidebar */
  --mb-sidebar: #0F3322;
  --mb-sidebar-text: #E3EDE6;
  --mb-sidebar-muted: #B9D9C6;
  --mb-sidebar-active: #1E5B3A;
  --mb-sidebar-card: #1A3D2C;

  /* Project status (map and chips) */
  --mb-status-fundraising: #D08A1E;
  --mb-status-active: #276C9E;
  --mb-status-planting: #3A9A5B;
  --mb-status-maintenance: #7A8B2E;
  --mb-status-completed: #1E5B3A;
  --mb-status-suspended: #8A8F8C;
  --mb-mine: #7B4FC2;

  /* Chips: light background, dark text (≥ 4.5:1) */
  --mb-chip-fundraising-bg: #FBEFD9;
  --mb-chip-fundraising-fg: #6B4508;
  --mb-chip-active-bg: #E3EEF6;
  --mb-chip-active-fg: #1B4B6E;
  --mb-chip-planting-bg: #E4F3E9;
  --mb-chip-planting-fg: #1F5A34;
  --mb-chip-maintenance-bg: #EEF2DC;
  --mb-chip-maintenance-fg: #4A5519;
  --mb-chip-completed-bg: #E6F0EA;
  --mb-chip-completed-fg: #0F3322;
  --mb-chip-suspended-bg: #ECEEEC;
  --mb-chip-suspended-fg: #454A47;
  --mb-chip-draft-bg: #F3EDE1;
  --mb-chip-draft-fg: #5A4520;
  --mb-chip-danger-bg: #F8E3DF;
  --mb-chip-danger-fg: #8A2C1F;
  --mb-chip-mine-bg: #EFE8FA;
  --mb-chip-mine-fg: #52308C;

  /* Feedback */
  --mb-danger: #A4321F;
  --mb-danger-bg: #FBEAE6;
  --mb-warning-bg: #FBEFD9;
  --mb-warning-fg: #6B4508;
  --mb-success-bg: #E6F0EA;
  --mb-success-fg: #0F3322;
  --mb-info-bg: #E3EEF6;
  --mb-info-fg: #1B4B6E;

  /* Type */
  --mb-font-heading: 'Reem Kufi', 'IBM Plex Sans Arabic', system-ui, sans-serif;
  --mb-font-body: 'IBM Plex Sans Arabic', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* Shape and rhythm */
  --mb-radius-sm: 8px;
  --mb-radius: 10px;
  --mb-radius-lg: 14px;
  --mb-radius-xl: 18px;
  --mb-touch: 44px;
  --mb-sidebar-width: 248px;
  --mb-shadow: 0 1px 2px rgba(15, 51, 34, 0.06), 0 8px 24px rgba(15, 51, 34, 0.08);
}

@media (prefers-color-scheme: dark) {
  :root {
    --mb-page: #0B0D0C;
    --mb-surface: #111412;
    --mb-card: #161A17;
    --mb-card-muted: #1C211D;
    --mb-ink: #E3E6E3;
    --mb-ink-strong: #CDD2CE;
    --mb-muted: #A3ABA6;
    --mb-border: #2A302C;
    --mb-border-strong: #353C37;
    --mb-input-border: #6E7671;
    --mb-table-head: #1C211D;
    --mb-link: #86C9A2;
    --mb-link-hover: #B4E0C6;
    --mb-forest: #2F7A51;
    --mb-focus: #7FB8E0;

    --mb-sidebar: #0A1F15;
    --mb-sidebar-card: #12301F;
    --mb-sidebar-active: #1E5B3A;

    --mb-chip-fundraising-bg: #3A2A0E;
    --mb-chip-fundraising-fg: #F2C77E;
    --mb-chip-active-bg: #10283A;
    --mb-chip-active-fg: #9CCBEB;
    --mb-chip-planting-bg: #143020;
    --mb-chip-planting-fg: #9ED9B3;
    --mb-chip-maintenance-bg: #2A2F12;
    --mb-chip-maintenance-fg: #D0DC96;
    --mb-chip-completed-bg: #12301F;
    --mb-chip-completed-fg: #B4E0C6;
    --mb-chip-suspended-bg: #262A27;
    --mb-chip-suspended-fg: #C9CECA;
    --mb-chip-draft-bg: #2E2616;
    --mb-chip-draft-fg: #E4CFA3;
    --mb-chip-danger-bg: #3A1A14;
    --mb-chip-danger-fg: #F2AFA2;
    --mb-chip-mine-bg: #281B3F;
    --mb-chip-mine-fg: #CDB5F2;

    --mb-danger: #F2AFA2;
    --mb-danger-bg: #3A1A14;
    --mb-warning-bg: #3A2A0E;
    --mb-warning-fg: #F2C77E;
    --mb-success-bg: #12301F;
    --mb-success-fg: #B4E0C6;
    --mb-info-bg: #10283A;
    --mb-info-fg: #9CCBEB;
    --mb-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 8px 24px rgba(0, 0, 0, 0.4);
  }
}