{
  "meta": {
    "brand": "DIVEROID",
    "version": "0.3.1",
    "status": "active",
    "sourceLanguage": "en",
    "updated": "2026-10-22",
    "note": "2026-07-10 owner decisions applied: Pangram Sans license approved and active for English/Latin, display, and data UI (files in brand-kit/fonts/pangram-sans). Spoqa Han Sans Neo for Korean UI/body. Korean letter-spacing is size-graduated: display -2%, body -1%, caption 0, data 0 (tabular). 2026-10-22 owner-approved Highlight Yellow #FFE55C from https://diveroid.ai/press/ (--bk-flag in brutalist.css): Surface Blue #36A9E1 is the default editorial emphasis. Highlight Yellow is optional strongest emphasis, limited to 1–2 focal spots total per complete page or standalone content asset (not per section); use zero when unnecessary. Avoid broad or repeated yellow backgrounds. Four core colors, violet CTAs, Sun warnings and product-logo colors remain unchanged."
  },
  "color": {
    "brand": {
      "diveroid": {
        "deepViolet": {
          "value": "#201748",
          "type": "color"
        },
        "darkViolet": {
          "value": "#18143D",
          "type": "color"
        },
        "midViolet": {
          "value": "#3D2683",
          "type": "color"
        },
        "lightViolet": {
          "value": "#67509C",
          "type": "color"
        },
        "surfaceBlue": {
          "value": "#36A9E1",
          "type": "color",
          "description": "Default brand emphasis for key copy, labels and brief callouts. Use Deep violet or Ink text on a blue highlight surface."
        },
        "foam": {
          "value": "#EEF9FF",
          "type": "color"
        },
        "markPurple": {
          "value": "#863BFF",
          "type": "color"
        },
        "markViolet": {
          "value": "#7E14FF",
          "type": "color"
        },
        "markSky": {
          "value": "#47BFFF",
          "type": "color"
        },
        "markLavender": {
          "value": "#EDE6FF",
          "type": "color"
        },
        "highlightYellow": {
          "value": "#FFE55C",
          "type": "color",
          "description": "Optional strongest-emphasis accent: 1–2 focal spots total per complete page or standalone content asset, never per section; zero is welcome. Surface Blue is the default emphasis. Avoid broad or repeated yellow backgrounds. Pair with Deep violet or Ink text; distinct from Sun warning.",
          "source": "https://diveroid.ai/press/brutalist.css",
          "sourceToken": "--bk-flag",
          "approved": "2026-10-22"
        }
      },
      "ocean": {
        "deep": {
          "value": "#201748",
          "type": "color"
        },
        "mid": {
          "value": "#3D2683",
          "type": "color"
        },
        "bright": {
          "value": "#36A9E1",
          "type": "color"
        }
      },
      "aqua": {
        "base": {
          "value": "#36A9E1",
          "type": "color"
        },
        "soft": {
          "value": "#EEF9FF",
          "type": "color"
        },
        "dark": {
          "value": "#1A668E",
          "type": "color"
        }
      },
      "kelp": {
        "base": {
          "value": "#2DBE7E",
          "type": "color"
        },
        "soft": {
          "value": "#D7F5E7",
          "type": "color"
        },
        "dark": {
          "value": "#177552",
          "type": "color"
        }
      },
      "coral": {
        "base": {
          "value": "#FF6B5A",
          "type": "color"
        },
        "soft": {
          "value": "#FFE1DC",
          "type": "color"
        },
        "dark": {
          "value": "#B6382E",
          "type": "color"
        }
      },
      "sun": {
        "base": {
          "value": "#F4B942",
          "type": "color"
        },
        "soft": {
          "value": "#FFF0C9",
          "type": "color"
        },
        "dark": {
          "value": "#8A5A00",
          "type": "color"
        }
      }
    },
    "neutral": {
      "0": {
        "value": "#FFFFFF",
        "type": "color"
      },
      "50": {
        "value": "#F6FAFC",
        "type": "color"
      },
      "100": {
        "value": "#EAF2F6",
        "type": "color"
      },
      "200": {
        "value": "#D5E3EA",
        "type": "color"
      },
      "300": {
        "value": "#B4C8D3",
        "type": "color"
      },
      "400": {
        "value": "#8DA7B5",
        "type": "color"
      },
      "500": {
        "value": "#6C8492",
        "type": "color"
      },
      "600": {
        "value": "#526B7A",
        "type": "color"
      },
      "700": {
        "value": "#36505E",
        "type": "color"
      },
      "800": {
        "value": "#203A48",
        "type": "color"
      },
      "900": {
        "value": "#10212E",
        "type": "color"
      },
      "950": {
        "value": "#07131C",
        "type": "color"
      }
    },
    "semantic": {
      "light": {
        "bg": {
          "canvas": {
            "value": "{color.neutral.50}",
            "type": "color"
          },
          "surface": {
            "value": "{color.neutral.0}",
            "type": "color"
          },
          "surfaceRaised": {
            "value": "{color.neutral.0}",
            "type": "color"
          },
          "subtle": {
            "value": "{color.neutral.100}",
            "type": "color"
          },
          "inverse": {
            "value": "{color.brand.ocean.deep}",
            "type": "color"
          }
        },
        "text": {
          "primary": {
            "value": "{color.neutral.900}",
            "type": "color"
          },
          "secondary": {
            "value": "{color.neutral.700}",
            "type": "color"
          },
          "muted": {
            "value": "{color.neutral.600}",
            "type": "color"
          },
          "inverse": {
            "value": "{color.neutral.0}",
            "type": "color"
          },
          "link": {
            "value": "{color.brand.diveroid.midViolet}",
            "type": "color"
          },
          "onBrand": {
            "value": "{color.neutral.0}",
            "type": "color",
            "description": "Text on a fixed dark brand surface; stays white in both themes."
          }
        },
        "border": {
          "subtle": {
            "value": "{color.neutral.200}",
            "type": "color"
          },
          "strong": {
            "value": "{color.neutral.300}",
            "type": "color"
          },
          "focus": {
            "value": "{color.brand.aqua.dark}",
            "type": "color"
          }
        },
        "action": {
          "primary": {
            "value": "{color.brand.diveroid.midViolet}",
            "type": "color"
          },
          "primaryHover": {
            "value": "#30206D",
            "type": "color"
          },
          "primaryPressed": {
            "value": "{color.brand.diveroid.deepViolet}",
            "type": "color"
          },
          "onPrimary": {
            "value": "{color.neutral.0}",
            "type": "color"
          },
          "secondary": {
            "value": "{color.brand.diveroid.surfaceBlue}",
            "type": "color"
          },
          "onSecondary": {
            "value": "{color.brand.diveroid.deepViolet}",
            "type": "color"
          }
        },
        "signal": {
          "info": {
            "value": "{color.brand.aqua.dark}",
            "type": "color"
          },
          "infoBg": {
            "value": "{color.brand.diveroid.foam}",
            "type": "color"
          },
          "success": {
            "value": "{color.brand.kelp.dark}",
            "type": "color"
          },
          "successBg": {
            "value": "{color.brand.kelp.soft}",
            "type": "color"
          },
          "warning": {
            "value": "{color.brand.sun.dark}",
            "type": "color"
          },
          "warningBg": {
            "value": "{color.brand.sun.soft}",
            "type": "color"
          },
          "danger": {
            "value": "{color.brand.coral.dark}",
            "type": "color"
          },
          "dangerBg": {
            "value": "{color.brand.coral.soft}",
            "type": "color"
          }
        },
        "data": {
          "depth": {
            "value": "{color.brand.diveroid.surfaceBlue}",
            "type": "color"
          },
          "duration": {
            "value": "{color.brand.diveroid.midViolet}",
            "type": "color"
          },
          "temperature": {
            "value": "{color.brand.coral.base}",
            "type": "color"
          },
          "site": {
            "value": "{color.brand.kelp.dark}",
            "type": "color"
          },
          "media": {
            "value": "#7A5CFF",
            "type": "color"
          }
        },
        "highlight": {
          "bg": {
            "value": "{color.brand.diveroid.surfaceBlue}",
            "type": "color",
            "description": "Default editorial emphasis, using Surface Blue in both themes."
          },
          "text": {
            "value": "{color.brand.diveroid.deepViolet}",
            "type": "color",
            "description": "Dark text on the fixed Surface Blue highlight surface in both themes."
          },
          "border": {
            "value": "{color.brand.diveroid.deepViolet}",
            "type": "color",
            "description": "Optional visible boundary where a highlighted label or callout needs definition on a light surface."
          }
        },
        "highlightStrong": {
          "bg": {
            "value": "{color.brand.diveroid.highlightYellow}",
            "type": "color",
            "description": "Explicit opt-in strongest emphasis: at most 1–2 focal spots total per complete page or standalone content asset, not per section; optional."
          },
          "text": {
            "value": "{color.brand.diveroid.deepViolet}",
            "type": "color",
            "description": "Dark text on the fixed Highlight Yellow surface in both themes."
          },
          "border": {
            "value": "{color.brand.diveroid.deepViolet}",
            "type": "color",
            "description": "Optional visible boundary when a yellow label or callout needs definition."
          }
        }
      },
      "dark": {
        "bg": {
          "canvas": {
            "value": "{color.neutral.950}",
            "type": "color"
          },
          "surface": {
            "value": "{color.brand.ocean.deep}",
            "type": "color"
          },
          "surfaceRaised": {
            "value": "{color.brand.diveroid.darkViolet}",
            "type": "color"
          },
          "subtle": {
            "value": "#261C54",
            "type": "color"
          },
          "inverse": {
            "value": "{color.neutral.0}",
            "type": "color"
          }
        },
        "text": {
          "primary": {
            "value": "{color.neutral.0}",
            "type": "color"
          },
          "secondary": {
            "value": "{color.neutral.200}",
            "type": "color"
          },
          "muted": {
            "value": "{color.neutral.300}",
            "type": "color"
          },
          "inverse": {
            "value": "{color.neutral.900}",
            "type": "color"
          },
          "link": {
            "value": "{color.brand.diveroid.markLavender}",
            "type": "color"
          },
          "onBrand": {
            "value": "{color.neutral.0}",
            "type": "color",
            "description": "Text on a fixed dark brand surface; stays white in both themes."
          }
        },
        "border": {
          "subtle": {
            "value": "#21495D",
            "type": "color"
          },
          "strong": {
            "value": "#32637A",
            "type": "color"
          },
          "focus": {
            "value": "#828FFF",
            "type": "color"
          }
        },
        "action": {
          "primary": {
            "value": "#828FFF",
            "type": "color"
          },
          "primaryHover": {
            "value": "#9AA4FF",
            "type": "color"
          },
          "primaryPressed": {
            "value": "{color.brand.diveroid.markLavender}",
            "type": "color"
          },
          "onPrimary": {
            "value": "#08090A",
            "type": "color"
          },
          "secondary": {
            "value": "{color.neutral.0}",
            "type": "color"
          },
          "onSecondary": {
            "value": "#08090A",
            "type": "color"
          }
        },
        "signal": {
          "info": {
            "value": "#8DD7FF",
            "type": "color"
          },
          "infoBg": {
            "value": "#16223A",
            "type": "color"
          },
          "success": {
            "value": "#62DFA2",
            "type": "color"
          },
          "successBg": {
            "value": "#103C2C",
            "type": "color"
          },
          "warning": {
            "value": "#FFD166",
            "type": "color"
          },
          "warningBg": {
            "value": "#4D3606",
            "type": "color"
          },
          "danger": {
            "value": "#FF8C80",
            "type": "color"
          },
          "dangerBg": {
            "value": "#4E1C18",
            "type": "color"
          }
        },
        "data": {
          "depth": {
            "value": "#8DD7FF",
            "type": "color"
          },
          "duration": {
            "value": "#B7BEFF",
            "type": "color"
          },
          "temperature": {
            "value": "#FF9E91",
            "type": "color"
          },
          "site": {
            "value": "#62DFA2",
            "type": "color"
          },
          "media": {
            "value": "#B5A8FF",
            "type": "color"
          }
        },
        "highlight": {
          "bg": {
            "value": "{color.brand.diveroid.surfaceBlue}",
            "type": "color",
            "description": "Default editorial emphasis, using Surface Blue in both themes."
          },
          "text": {
            "value": "{color.brand.diveroid.deepViolet}",
            "type": "color",
            "description": "Dark text on the fixed Surface Blue highlight surface in both themes."
          },
          "border": {
            "value": "{color.brand.diveroid.deepViolet}",
            "type": "color",
            "description": "Optional visible boundary where a highlighted label or callout needs definition on a light surface."
          }
        },
        "highlightStrong": {
          "bg": {
            "value": "{color.brand.diveroid.highlightYellow}",
            "type": "color",
            "description": "Explicit opt-in strongest emphasis: at most 1–2 focal spots total per complete page or standalone content asset, not per section; optional."
          },
          "text": {
            "value": "{color.brand.diveroid.deepViolet}",
            "type": "color",
            "description": "Dark text on the fixed Highlight Yellow surface in both themes."
          },
          "border": {
            "value": "{color.brand.diveroid.deepViolet}",
            "type": "color",
            "description": "Optional visible boundary when a yellow label or callout needs definition."
          }
        }
      }
    }
  },
  "gradient": {
    "static": {
      "abyssSignal": {
        "value": "radial-gradient(circle at 18% 14%, rgba(141, 215, 255, 0.86) 0 9%, rgba(141, 215, 255, 0) 26%), radial-gradient(circle at 78% 18%, rgba(126, 20, 255, 0.64) 0 12%, rgba(126, 20, 255, 0) 34%), linear-gradient(135deg, #07131C 0%, #201748 30%, #3D2683 62%, #36A9E1 100%)",
        "type": "gradient",
        "status": "candidate",
        "role": "Primary brand hero and launch surface"
      },
      "reefIntelligence": {
        "value": "radial-gradient(circle at 22% 20%, rgba(54, 169, 225, 0.78) 0 12%, rgba(54, 169, 225, 0) 30%), radial-gradient(circle at 74% 78%, rgba(45, 190, 126, 0.62) 0 14%, rgba(45, 190, 126, 0) 36%), linear-gradient(145deg, #201748 0%, #3D2683 38%, #36A9E1 70%, #D7F5E7 100%)",
        "type": "gradient",
        "status": "candidate",
        "role": "AI, recognition, and data insight surface"
      },
      "memoryCurrent": {
        "value": "radial-gradient(circle at 20% 18%, rgba(244, 185, 66, 0.64) 0 10%, rgba(244, 185, 66, 0) 30%), radial-gradient(circle at 78% 72%, rgba(255, 107, 90, 0.66) 0 13%, rgba(255, 107, 90, 0) 34%), linear-gradient(135deg, #07131C 0%, #201748 32%, #67509C 62%, #FF6B5A 82%, #F4B942 100%)",
        "type": "gradient",
        "status": "candidate",
        "role": "Dive memory, social, and storytelling surface"
      }
    },
    "motion": {
      "currentFlow": {
        "class": "dv-gradient-motion-current-flow",
        "duration": "18s",
        "type": "animatedGradient",
        "status": "candidate"
      },
      "sonarSweep": {
        "class": "dv-gradient-motion-sonar-sweep",
        "duration": "12s",
        "type": "animatedGradient",
        "status": "candidate"
      },
      "memoryDrift": {
        "class": "dv-gradient-motion-memory-drift",
        "duration": "22s",
        "type": "animatedGradient",
        "status": "candidate"
      }
    }
  },
  "font": {
    "family": {
      "latin": {
        "value": "\"Pangram Sans\", \"PP Pangram Sans\", \"PP Pangram Sans Normal Variable\", \"Pangram\", \"Helvetica Neue\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
        "type": "fontFamily"
      },
      "display": {
        "value": "\"Pangram Sans\", \"PP Pangram Sans\", \"PP Pangram Sans Normal Variable\", \"Pangram\", \"Helvetica Neue\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
        "type": "fontFamily"
      },
      "ko": {
        "value": "\"Spoqa Han Sans Neo\", \"Noto Sans KR\", \"Apple SD Gothic Neo\", system-ui, sans-serif",
        "type": "fontFamily"
      },
      "cjk": {
        "value": "\"Noto Sans JP\", \"Noto Sans SC\", \"Noto Sans TC\", sans-serif",
        "type": "fontFamily"
      },
      "mono": {
        "value": "\"Roboto Mono\", \"SFMono-Regular\", Consolas, monospace",
        "type": "fontFamily"
      },
      "data": {
        "value": "\"Pangram Sans\", \"PP Pangram Sans\", \"PP Pangram Sans Normal Variable\", \"Pangram\", \"Helvetica Neue\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
        "type": "fontFamily"
      }
    },
    "size": {
      "xs": {
        "value": "0.6875rem",
        "type": "dimension"
      },
      "sm": {
        "value": "0.75rem",
        "type": "dimension"
      },
      "md": {
        "value": "0.8125rem",
        "type": "dimension"
      },
      "lg": {
        "value": "0.9375rem",
        "type": "dimension"
      },
      "xl": {
        "value": "1rem",
        "type": "dimension"
      },
      "2xl": {
        "value": "1.125rem",
        "type": "dimension"
      },
      "3xl": {
        "value": "1.5rem",
        "type": "dimension"
      },
      "4xl": {
        "value": "1.75rem",
        "type": "dimension"
      },
      "5xl": {
        "value": "2rem",
        "type": "dimension"
      },
      "6xl": {
        "value": "3.5rem",
        "type": "dimension"
      },
      "display-01": {
        "value": "3.5rem",
        "type": "dimension"
      },
      "display-02": {
        "value": "2rem",
        "type": "dimension"
      },
      "display-03": {
        "value": "1.75rem",
        "type": "dimension"
      },
      "display-04": {
        "value": "1.5rem",
        "type": "dimension"
      },
      "headline-01": {
        "value": "1.125rem",
        "type": "dimension"
      },
      "headline-02": {
        "value": "1rem",
        "type": "dimension"
      },
      "body-01": {
        "value": "0.9375rem",
        "type": "dimension"
      },
      "body-02": {
        "value": "0.8125rem",
        "type": "dimension"
      },
      "caption": {
        "value": "0.75rem",
        "type": "dimension"
      },
      "caption-s": {
        "value": "0.6875rem",
        "type": "dimension"
      }
    },
    "lineHeight": {
      "tight": {
        "value": "1.11",
        "type": "number"
      },
      "heading": {
        "value": "1.38",
        "type": "number"
      },
      "body": {
        "value": "1.38",
        "type": "number"
      },
      "ko": {
        "value": "1.45",
        "type": "number"
      },
      "data": {
        "value": "1.12",
        "type": "number"
      },
      "sentence": {
        "value": "1.47",
        "type": "number"
      },
      "display-01": {
        "value": "1.107",
        "type": "number"
      },
      "display-02": {
        "value": "1.3125",
        "type": "number"
      },
      "display-03": {
        "value": "1.286",
        "type": "number"
      },
      "display-04": {
        "value": "1.5",
        "type": "number"
      },
      "headline-01": {
        "value": "1.556",
        "type": "number"
      },
      "headline-02": {
        "value": "1.375",
        "type": "number"
      },
      "body-01": {
        "value": "1.333",
        "type": "number"
      },
      "body-01-sentence": {
        "value": "1.6",
        "type": "number"
      },
      "body-02": {
        "value": "1.385",
        "type": "number"
      },
      "body-02-ko-sentence": {
        "value": "1.692",
        "type": "number"
      },
      "caption": {
        "value": "1.333",
        "type": "number"
      },
      "caption-s": {
        "value": "1.273",
        "type": "number"
      }
    },
    "letterSpacing": {
      "latin": {
        "value": "0",
        "type": "dimension"
      },
      "latin-display": {
        "value": "-0.01em",
        "type": "dimension"
      },
      "ko-display": {
        "value": "-0.02em",
        "type": "dimension"
      },
      "ko-text": {
        "value": "-0.01em",
        "type": "dimension"
      },
      "ko-caption": {
        "value": "0",
        "type": "dimension"
      },
      "data": {
        "value": "0",
        "type": "dimension"
      }
    },
    "weight": {
      "regular": {
        "value": "400",
        "type": "fontWeight"
      },
      "medium": {
        "value": "500",
        "type": "fontWeight"
      },
      "semibold": {
        "value": "600",
        "type": "fontWeight"
      },
      "bold": {
        "value": "700",
        "type": "fontWeight"
      },
      "light": {
        "value": "300",
        "type": "fontWeight"
      }
    }
  },
  "space": {
    "0": {
      "value": "0",
      "type": "dimension"
    },
    "1": {
      "value": "0.25rem",
      "type": "dimension"
    },
    "2": {
      "value": "0.5rem",
      "type": "dimension"
    },
    "3": {
      "value": "0.75rem",
      "type": "dimension"
    },
    "4": {
      "value": "1rem",
      "type": "dimension"
    },
    "5": {
      "value": "1.25rem",
      "type": "dimension"
    },
    "6": {
      "value": "1.5rem",
      "type": "dimension"
    },
    "8": {
      "value": "2rem",
      "type": "dimension"
    },
    "10": {
      "value": "2.5rem",
      "type": "dimension"
    },
    "12": {
      "value": "3rem",
      "type": "dimension"
    },
    "16": {
      "value": "4rem",
      "type": "dimension"
    },
    "20": {
      "value": "5rem",
      "type": "dimension"
    }
  },
  "radius": {
    "xs": {
      "value": "0.125rem",
      "type": "dimension"
    },
    "sm": {
      "value": "0.25rem",
      "type": "dimension"
    },
    "md": {
      "value": "0.5rem",
      "type": "dimension"
    },
    "lg": {
      "value": "0.75rem",
      "type": "dimension"
    },
    "pill": {
      "value": "999rem",
      "type": "dimension"
    }
  },
  "shadow": {
    "sm": {
      "value": "0 1px 2px rgba(7, 19, 28, 0.08)",
      "type": "shadow"
    },
    "md": {
      "value": "0 8px 24px rgba(7, 19, 28, 0.12)",
      "type": "shadow"
    },
    "lg": {
      "value": "0 18px 50px rgba(7, 19, 28, 0.18)",
      "type": "shadow"
    }
  },
  "motion": {
    "duration": {
      "fast": {
        "value": "120ms",
        "type": "duration"
      },
      "base": {
        "value": "180ms",
        "type": "duration"
      },
      "slow": {
        "value": "260ms",
        "type": "duration"
      }
    },
    "easing": {
      "standard": {
        "value": "cubic-bezier(0.2, 0, 0, 1)",
        "type": "cubicBezier"
      },
      "emphasized": {
        "value": "cubic-bezier(0.2, 0, 0, 1.15)",
        "type": "cubicBezier"
      }
    }
  },
  "breakpoint": {
    "sm": {
      "value": "480px",
      "type": "dimension"
    },
    "md": {
      "value": "768px",
      "type": "dimension"
    },
    "lg": {
      "value": "1024px",
      "type": "dimension"
    },
    "xl": {
      "value": "1280px",
      "type": "dimension"
    }
  }
}