# DESIGN-R3.md — Proton R3 Motorsport (Vision-Calibrated Specification)

## 1. Brand Identity & Vision Source
- **Official Source:** Proton Motorsport Division & Sepang 1000KM Endurance Archive.
- **Core Stance:** Championship-winning track pedigree (Sepang 1000KM 5x Champion), mechanical precision, zero fluff, telemetry dyno data blocks.
- **Key Brand Signatures:**
  - Sharp 0px corners, pure tarmac black surfaces (`#0A0B0D`), high-contrast competition yellow (`#FFD100`).
  - R3 racing slash badge (`clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%)`).
  - Sepang telemetry blocks with yellow corner tick markers.
  - Rally Red championship accents (`#DC2626`).

---

## 2. Design Tokens (CSS Custom Properties)

```css
:root[data-theme="r3"] {
  --r3-bg-asphalt: #0A0B0E;         /* Deep tarmac black */
  --r3-surface-paddock: #121519;    /* Paddock pit-lane slate */
  --r3-surface-card: #181C22;       /* Chassis structural gray */
  
  --r3-yellow-comp: #FFD100;        /* Official R3 Competition Yellow */
  --r3-yellow-hover: #E5BC00;
  --r3-rally-red: #DC2626;          /* Championship Rally Red */
  
  --r3-text-light: #F8F9FA;         /* High-contrast telemetry white */
  --r3-text-muted: #94A3B8;         /* Precision gray */
  --r3-text-dark: #0A0B0E;          /* Text on yellow CTA */
  
  --r3-border: #2D333B;             /* Engineering tolerance hairline */
  --r3-border-accent: #FFD100;

  --r3-radius: 0px;                 /* Strict 0px mechanical geometry */
  --r3-slant-clip: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%);

  --font-display: "Barlow Semi Condensed", "Arial Narrow", sans-serif;
  --font-body: "Work Sans", -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", monospace;
}
```