/*
  Design tokens — docs/UI-DESIGN-SYSTEM.md §3. Change values here, not in components.
  Palette: Gulf green for actions and navigation, a warm sand neutral, and a restrained gold used
  only for small highlights. Light throughout, including both sidebars.
*/
:root {
  /* Brand */
  --primary-50:  #ECF5F2;
  --primary-100: #D3E9E2;
  --primary-500: #1C8C73;
  --primary-600: #0D7A62;   /* default action, 5.3:1 with white text */
  --primary-700: #0A6150;
  --primary-900: #083A31;

  /* Gold accent: highlights only, never for text on white below 18px */
  --accent-50:  #FBF6EA;
  --accent-100: #F3E6C6;
  --accent-500: #B7892F;
  --accent-700: #8A6420;

  /* Admin console: sand sidebar and gold accent, so it never reads as the client app */
  --admin-50:     #FBF8F2;
  --admin-100:    #F2EBDD;
  --admin-accent: #8A6420;

  /* Neutrals */
  --canvas:        #F5F6F4;
  --surface:       #FFFFFF;
  --surface-alt:   #F9FAF8;
  --border:        #E4E7E3;
  --border-strong: #CFD5D0;
  --text:          #131816;
  --text-muted:    #56605B;
  --text-subtle:   #8A948F;  /* 3:1: icons, placeholders and separators only */

  /* Semantic: tint background, strong tone for text and icons */
  --success-bg:#ECFDF3; --success:#067647; --success-border:#ABEFC6;
  --warning-bg:#FFFAEB; --warning:#B54708; --warning-border:#FEDF89;
  --danger-bg: #FEF3F2; --danger: #B42318; --danger-border: #FECDCA;
  --info-bg:   #EFF4FF; --info:   #1849A9; --info-border:   #B2CCFF;
  --neutral-bg:#F2F4F2; --neutral:#475467; --neutral-border:#E1E5E1;

  --radius-sm: 8px; --radius-md: 12px; --radius-lg: 16px;
  --shadow-sm: 0 1px 2px rgba(16, 24, 20, .05);
  --shadow-md: 0 4px 14px rgba(16, 24, 20, .07);
  --shadow-pop: 0 12px 32px rgba(16, 24, 20, .14);

  /* Type: Inter or the platform's own UI face; Arabic falls back to the system Arabic face */
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans Arabic", "Geeza Pro", Tahoma, Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;

  /* Layout */
  --sidebar-width: 248px;
  --sidebar-collapsed: 68px;
  --topbar-height: 56px;
  --gutter: 32px;
  --content-max: 1440px;
}