# Cursor rules — GINI brand
# Source: https://gini.iq/cursorrules

We are building products under the **GINI** brand. Follow these constraints:

- Use Tailwind CSS v4 + shadcn/ui.
- Primary colour: #F05D25 — always use `bg-primary` / `text-primary`.
- Ink colour: #1A1A1A — use `text-ink` for body copy.
- Default surface: #FBF6F0 — use `bg-cream`.
- Typeface: Rubik. Do not introduce other typefaces.
- No purple/violet.
- Maximum 3–5 colours per design.
- Arabic copy needs `leading-snug` minimum.
- Import tokens via: @import url("https://gini.iq/brand.tailwind.css");
- Voice: confident, warm, plain-spoken, Iraqi-rooted.
- Never generate fake GINI products, ads, or announcements.

## Design system — modern skeuomorphism (Precision Instrument v1.0.0)
- Every element is a physical object: raised, pressed or engraved — under one upper-left light.
- Use the ready material classes: `skeu-panel` (card), `skeu-well` (recessed tray), `skeu-btn skeu-btn-primary` (anodized button), `skeu-input`, `skeu-tab`/`skeu-tab-active`, `skeu-chip`, `skeu-dark` (graphite).
- Never invent shadows: only `--skeu-shadow-*` (flush / raised-1 / raised-2 / floating / overlay / recessed / well / pressed).
- Radii: 6 chips · 10 buttons & inputs · 14 tiles & tabs · 20 cards · 26 dialogs & rails.
- No neumorphism, no glass, no text shadows, no decorative gradients, no rtl:/ltr: variants.
- Full reference: https://gini.iq/en/brand#design-system — variables: https://gini.iq/brand.css

## Component library (64 copy-ready components)
- Install the classes in one line: <link rel="stylesheet" href="https://gini.iq/skeu.css"> (or @import url("https://gini.iq/skeu.css");) alongside https://gini.iq/brand.css for the palette.
- Never invent markup for a button, input, card, table, dialog, toast, order-status pill or cart line — copy the snippet from https://gini.iq/en/brand#components (or https://gini.iq/en/brand.md under "Component library").
- Groups: Actions, Forms, Navigation, Data display, Feedback & overlays, Commerce (order status, cart line, price, quantity stepper, delivery timeline, merchant header, payment methods, coupon).

Defer to the full manifest if anything is ambiguous: https://gini.iq/brand.json