{
  "brand": "Almira",
  "version": "1.0.0",
  "lastUpdated": "2026-05-27",
  "description": "Official Almira brand color palette. All values are hex codes derived from the Material You-based design token system.",
  "colors": {
    "primary": {
      "value": "#003159",
      "description": "Primary navy — the core brand color. Use for key CTAs, headings, and on-brand surfaces."
    },
    "primaryContainer": {
      "value": "#124879",
      "description": "Elevated primary container — slightly lighter navy for interactive states and containers."
    },
    "primaryFixed": {
      "value": "#d2e4ff",
      "description": "Primary fixed — very light sky blue for subtle tinted backgrounds."
    },
    "primaryFixedDim": {
      "value": "#a0c9ff",
      "description": "Primary fixed dim — light blue accent, used for highlights on dark surfaces."
    },
    "onPrimary": {
      "value": "#ffffff",
      "description": "Text/icons on primary navy backgrounds."
    },
    "onPrimaryContainer": {
      "value": "#8cb7ef",
      "description": "Text/icons on primary container backgrounds."
    },
    "secondary": {
      "value": "#515f74",
      "description": "Secondary — muted slate blue for supporting content."
    },
    "secondaryContainer": {
      "value": "#d5e3fc",
      "description": "Secondary container — light blue-grey for badges and tags."
    },
    "tertiary": {
      "value": "#283044",
      "description": "Tertiary — deep navy-charcoal for rich backgrounds."
    },
    "tertiaryContainer": {
      "value": "#3e465b",
      "description": "Tertiary container — mid navy for card surfaces on dark backgrounds."
    },
    "surface": {
      "value": "#f7f9fb",
      "description": "Default page background — very light cool grey."
    },
    "surfaceBright": {
      "value": "#ffffff",
      "description": "Bright white surface for cards and elevated components."
    },
    "surfaceDim": {
      "value": "#d8dadc",
      "description": "Dimmed surface — mid-grey for disabled states."
    },
    "surfaceContainerLowest": {
      "value": "#ffffff",
      "description": "Lowest container — pure white."
    },
    "surfaceContainerLow": {
      "value": "#f2f4f6",
      "description": "Low container — near-white for subtle section backgrounds."
    },
    "surfaceContainer": {
      "value": "#eceef0",
      "description": "Standard container — light grey for cards and panels."
    },
    "surfaceContainerHigh": {
      "value": "#e6e8ea",
      "description": "High container — slightly deeper grey."
    },
    "surfaceContainerHighest": {
      "value": "#e0e3e5",
      "description": "Highest container — deepest grey in the surface tier."
    },
    "onSurface": {
      "value": "#191c1e",
      "description": "Primary text color — near-black for body copy and headings on light surfaces."
    },
    "onSurfaceVariant": {
      "value": "#42474f",
      "description": "Secondary text — medium dark grey for supporting copy."
    },
    "outline": {
      "value": "#727780",
      "description": "Default border / divider color."
    },
    "outlineVariant": {
      "value": "#c2c7d0",
      "description": "Subtle border — light grey for table rules and card edges."
    },
    "error": {
      "value": "#ba1a1a",
      "description": "Error state — accessible red for validation messages."
    },
    "errorContainer": {
      "value": "#ffdad6",
      "description": "Error container — pale red background for error panels."
    }
  },
  "typography": {
    "fontEN": "Manrope",
    "fontAR": "IBM Plex Sans Arabic",
    "fontDisplay": "Fraunces (EN) / Reem Kufi (AR)"
  }
}